BASIC OF HTML
& ADVANCE HTMLjoenet Environmen,
Networking and Internet Environment
32
aa a ° srs-Lee while at CERN,
> Ta ning ws mig hl in
‘Tanguage a set of markup tags and HTML uses markup tags
SSN ache rst ay os pan So we aul sign he conte
and area where it should be displayed. ——
Muaup ngs inate gs HTL uns mark ast sie web a
Muay lng is ierntg language deed t efi 8 tnt int
sear ee enft carntve markup iio the rv ex
Mata m wht io cn ther, Tey mask ane cartnin peo ie
Gis a ak urge i fea ngage shu ts on cde wards he a
ther lnps Date aun Taso nagar
HTML downto pinto fe hat a bo std wing ay txt ier eg
NOTEPAD or Won) TL doses er fos gle eat domo See
the ile HIME eet loa os Wee foe cans heat
HTML inthe only way to present information on the Web, but its the glue that hol
everthing together. In addition to being a markip language for displaying text, ners
ad mulkinei, HTML provides introns to Web browsers in order fo con fee
ment reviewed and how they relat to each other. For all its simplicity, HTML oy
‘very powerful language. cae
‘An HTML a
Aeplayed.
Moat HTML tage have two part: an open i
tnd dig tt, to show where he pce xk onde Ce tf txt being
‘laah) just after the < symbol Ong Mags start with a forward
> HTML Advantages :
apy to use
{Loose syntax (although, being to exible wil not com
Supported on almost every browser, int all rower
Widely used;
‘Very similar to XML syntax, which is,
Free - You need not buy any softwere
Easy to learn & code even for
ABTML page could be read
# 18 « coded command used to indicate how part of a Web page should be
Ply with standards)
(
© scanned with OKEN Scannerof HTML and Advance HTML ° on a. |
+ Network link: We can intograte local elements into a personal web page orto remote
ssurfere and elements which we intogrates address (URL). |
‘+ Hypertext permits to manage different information without have to store them locally.
> HTML Disadvantagés :
‘+ Its distributed structure (external links) makes storage difficult; it’s easy to loose or
{forget an element without realizing it.
‘The web pages storage is done on several file
‘The web page designed possibilities are limited and not easy to realize (eg. frames).
Tt cannot produce dynamic output alone, since itis a static language
Sometimes, the structuring of HTML documents is hard to grasp
‘You have to keep up with deprecated tags, and make sure not to use them
‘+ Deprecated tags appear because another language that works with HTML has replaced
the original work of the tag; thus the other language needs to be learned (most of the
time, itis CSS)
‘+ Seourity features offered by HTML are limited Anonymous
> HTML Document:
Every HTML document you ereate should include two seetions:
+ The head: Provides information about the document and will appear in the browser
‘window's title bar.
+ The body: Contains the Web document that browser displays in ita window.
3.2BASIC ELEMENTS TAGS.
‘The following are essential elements that are needed to create a Web page
> HTML:
‘This element tells your browser that the file contains HTML-coded information, The file
extension html or simply htm also indicates that an HTML document.
he rest of the document should be placed here,
> HEAD:
‘The head element identifies the fist part of your HTML-coded document that contains the
Special Part called it "TITLE*, The title is shown as part of your browser's window
> TITLE:
‘The title element contains your document title and identifies its content in a global context.
‘The title is typically displayed in tho title bar at the top of the browser window, but not
inside the window iteel.
“ Introduction to MIME 2ITLE>
> BODY:
‘The second-andglargest-part of your HTML document is the body, which contains the
content of your document (Aisplayed within the text area of your browser window). The tags
explained below are used within the body of your HTML document.
=>
@ scanned with OKEN Scannerd
> Attributes:
an ‘his changes the
etmorking and rntcenet Environment
ne rest of the document included he:
ae
Syne ter er Stee
cies
ei
ft se Me
eae SENET tee
coe
background color of your page. You can set
replace color above with a color name. Thy
‘usually gray or white.
he browser will display on your page,
lace eolor above with a color
#'BGCOLOR="color name"
this to any color you would like to use, Just
fnfalt setting varies with your browser, but
4 TEXT="colo': This changes the default text coor tl
You can set this to any color you would like to se. Just rep
ame, The default setting for text color is blac.
«+ LINK=*olor This changes the color ofall of the non-visited links om your page. You
cane thie to any color you would Like to use. Just replace color above with a coor
Sime, The default setting for-a non-visitd link i usually blue.
[ALINK='coloe This changes the color of an active link on your page, which isa link
that has jut been clicked on by a user's mouse. You can set this to any color you would
like to use, Just replace olor above witha color name.
+ VLINK~eolor" This changes the color ofa visited link on yolur page. You can set this to
any color you would like to use. Just replace color above witha color name. The default
Setting fora visited Kink is usualy violet.
+ BACKGROUND-"image name" Ths adds s background image to your page. Ifyou use
this attribute, the background image will take the place of any background color you
‘may have specified. If you don't use a background image, the browser will use your
background colar or its default background color.
he Basi Structure
pen up Notopad om windoway lishing wart>> asesris >> Notepad & then ype
ia
ach on of hoe things clled a a. Th
re tring agai a sin
lig igus add af th ating tgbut ser Dut fatal tage hanes ckeins a
ve losing tag
‘Think of tags as talking to the brows better.
just told the browser is this (HHTML>) in the start of @ HIM teen ey ae
(