www.kinindia.

com
Sub. Code: IT2353 Staff. Name: Shanka .! Sub. Name: WEB TECHNOLOGY C"a##: III CSE

Book $eta%" S.No ( !utho Name Te't Book Web Te)hno"o*%e#+! Com,ute .eff e/C. .a)k#on S)%en)e &e #,e)t%-e. 3efe en)e Book & o* amm%n* the Wo "d W%de Web. 3obe t. W. Sebe#ta0 Inte net 6 Wo "d W%de Web Ho7 To & o* am. Co e Web & o* amm%n* Se)ond Ed%t%on0 8o"ume I and II0 $e-e"o,%n* Web !,,"%)at%on#. $e%te"0 $e%te" Go"dbe * 9a t/ Ha"" and La / B o7n Bate# Book T%t"e &ub"%#he &ea #on Edu)at%on0 2112. 4ou th Ed%t%on0 &ea #on Edu)at%on0 2115. 3 d Ed%t%on0 &ea #on Edu)at%on0 2112. &ea #on Edu)at%on0 211(. W%"e/0 2112.

( 2 3 :

Note# on Le##on ;NIT I Web E##ent%a"#: C"%ent#0 Se -e #0 and Commun%)at%on. The Inte net+Ba#%) Inte net & oto)o"# +The Wo "d W%de Web+HTT& e<ue#t me##a*e+ e#,on#e me##a*e+Web C"%ent# Web Se -e #+Ca#e Stud/. 9a ku, Lan*ua*e#: =HT9L. !n Int odu)t%on to HT9L H%#to /+8e #%on#+Ba#%) =HT9L S/nta' and Semant%)#+Some 4undamenta" HT9L E"ement#+3e"at%-e ;3L#+L%#t#+tab"e#+4 ame#+4o m#+=9L C eat%n* HT9L $o)ument# Ca#e Stud/.

www.kinindia.com

www.kinindia.com
Web Essentials: Se -e : The #oft7a e that d%#t %bute# the %nfo mat%on and the ma)h%ne 7he e the %nfo mat%on and #oft7a e e#%de %# )a""ed the #e -e . > > C"%ent: The #oft7a e that e#%de# on the emote ma)h%ne0 )ommun%)ate# 7%th the #e -e 0 fet)he# the %nfo mat%on0 , o)e##e# %t0 and then d%#,"a/# %t on the emote ma)h%ne %# )a""ed the )"%ent. > > > %n%t%ate# )onta)t 7%th #e -e ?@#,eak# f% #tAB t/,%)a""/ e<ue#t# #e -%)e f om #e -e Web: )"%ent %m,"emented %n b o7#e , o-%de# e<ue#ted #e -%)e to )"%ent e.*.0 Web #e -e #end# e<ue#ted Web ,a*e

Web #e -e : Soft7a e that de"%-e # Web ,a*e# and othe do)ument# to b o7#e # u#%n* the HTT& , oto)o" Web &a*e: ! 7eb ,a*e %# a do)ument o e#ou )e of %nfo mat%on that %# #u%tab"e fo the Wo "d W%de Web and )an be a))e##ed th ou*h a 7eb b o7#e . Web#%te: ! )o""e)t%on of ,a*e# on the Wo "d W%de Web that a e a))e##%b"e f om the #ame ;3L and t/,%)a""/ e#%d%n* on the #ame #e -e ;3L: ;n%fo m 3e#ou )e Lo)ato 0 the un%<ue add e## 7h%)h %dent%f%e# a e#ou )e on the Inte net fo out%n* ,u ,o#e# Client-server paradigm: The C"%ent+Se -e ,a ad%*m %# the mo#t , e-a"ent mode" fo d%#t %buted )om,ut%n* , oto)o"#. It %# the ba#%# of a"" d%#t %buted )om,ut%n* ,a ad%*m# at a h%*he "e-e" of ab#t a)t%on. It %# #e -%)e+o %ented0 and em,"o/# a e<ue#t+ e#,on#e , oto)o". ! #e -e , o)e##0 unn%n* on a #e -e ho#t0 , o-%de# a))e## to a #e -%)e. ! )"%ent , o)e##0 unn%n* on a )"%ent ho#t0 a))e##e# the #e -%)e -%a the #e -e , o)e##. The %nte a)t%on of the , o)e## , o)eed# a))o d%n* to a , oto)o".

www.kinindia.com

www.kinindia.com
The , %ma / %dea of a )"%entC#e -e #/#tem %# that /ou ha-e a )ent a" e,o#%to / of %nfo mat%onD#ome k%nd of data0 often %n a databa#eDthat /ou 7ant to d%#t %bute on demand to #ome #et of ,eo,"e o ma)h%ne#.

The Internet: > 9ed%um fo )ommun%)at%on and %nte a)t%on %n %nte )onne)ted net7o k.
>

9ake# %nfo mat%on )on#tant"/ and %n#tant"/ a-a%"ab"e to an/one 7%th a )onne)t%on.

Web B o7#e #: > ;#e a*ent fo Web %# )a""ed a b o7#e : o Inte net E',"o e o 4% efo' Web Se -e : > Se -e fo Web %# )a""ed Web #e -e : o !,a)he ?,ub"%) doma%nB o 9S Inte net Info mat%on Se -e

www.kinindia.com

www.kinindia.com
& oto)o": & oto)o"# a e a* eed fo mat# fo t an#m%tt%n* data bet7een de-%)e#. The , oto)o" dete m%ne#: %. %%. %%%. %-. The e o )he)k%n* e<u% ed $ata )om, e##%on method u#ed The 7a/ the end of a me##a*e %# #%*na""ed The 7a/ the de-%)e %nd%)ate# that %t ha# e)e%-ed the me##a*e

Internet Protocol: The e a e man/ , oto)o"# u#ed b/ the Inte net and the WWW: o TC&CI& o HTT& o 4T& o E"e)t on%) ma%" , oto)o"# I9!& o &O& TC&CI& The Inte net u#e# t7o ma%n , oto)o"# ?de-e"o,ed b/ 8%n)ent Ce f and 3obe t EahnB T an#m%##%on )ont o" , oto)o" ?TC&B Cont o"# d%#a##emb"/ of me##a*e %nto ,a)ket# at the o %*%n ea##emb"e# at the de#t%nat%on Inte net , oto)o" ?I&B S,e)%f%e# the add e##%n* deta%"# fo ea)h ,a)ket Ea)h ,a)ket %# "abe""ed 7%th %t# o %*%n and de#t%nat%on H/,e te't T an#fe & oto)o" ?HTT&B > > > > > The h/,e te't t an#fe , oto)o" ?HTT&B 7a# de-e"o,ed b/ T%m Be ne #+Lee %n (FF( HTT& 7a# de#%*ned to t an#fe ,a*e# bet7een ma)h%ne# The )"%ent ?o Web b o7#e B make# a e<ue#t fo a *%-en ,a*e and the Se -e %# e#,on#%b"e fo f%nd%n* %t and etu n%n* %t to the )"%ent The b o7#e )onne)t# and e<ue#t# a ,a*e f om the #e -e The #e -e ead# the ,a*e f om the f%"e #/#tem0 #end# %t to the )"%ent and te m%nate# the )onne)t%on

www.kinindia.com

www.kinindia.com

(
E"e)t on%) 9a%" & oto)o"#: > > > > > E"e)t on%) ma%" u#e# the )"%entC#e -e mode" The o *an%#at%on ha# an ema%" #e -e de-oted to hand"%n* ema%" o Sto e# and fo 7a d# ema%" me##a*e# Ind%-%dua"# u#e ema%" )"%ent #oft7a e to ead and #end ema%" o ?e.*. 9%) o#oft Out"ook0 o Net#)a,e 9e##en*e B S%m,"e 9a%" T an#fe & oto)o" ?S9T&B o S,e)%f%e# fo mat of ma%" me##a*e# &o#t Off%)e & oto)o" ?&O&B te""# the ema%" #e -e to: o Send ma%" to the u#e G# )om,ute and de"ete %t f om the #e -e o Send ma%" to the u#e G# )om,ute and do not de"ete %t f om the #e -e o !#k 7hethe ne7 ma%" ha# a %-ed

Inte a)t%-e 9a%" !))e## & oto)o" ?I9!&B Ne7e than &O&0 , o-%de# #%m%"a fun)t%on# 7%th add%t%ona" featu e# o e.*. )an #end #,e)%f%) me##a*e# to the )"%ent athe than a"" the me##a*e# ! u#e )an -%e7 ema%" me##a*e heade # and the #ende G# name befo e do7n"oad%n* the ent% e me##a*e !""o7# u#e # to de"ete and #ea )h ma%"bo'e# he"d on the ema%" #e -e The d%#ad-anta*e of &O& You )an on"/ a))e## me##a*e# f om one &C The d%#ad-anta*e of I9!& S%n)e ema%" %# #to ed on the ema%" #e -e 0 the e %# a need fo mo e and mo e e',en#%-e ?h%*h #,eedB #to a*e #,a)e

www.kinindia.com

www.kinindia.com

World Wide Web: WWW )om, %#e# #oft7a e ?Web #e -e and b o7#e B and data ?Web #%te#B

Inte net & oto)o" ?I&B !dd e##e#: + E-e / node ha# a un%<ue nume %) add e## + 4o m: 32+b%t b%na / numbe + Ne7 #tanda d0 I&-20 ha# (2H b%t# ?(FFHB + O *an%Iat%on# a e a##%*ned * ou,# of I&# fo the% )om,ute # + $oma%n name# + 4o m: ho#t+name. doma%n+name# + 4% #t doma%n %# the #ma""e#t ?Goo*"eB + La#t doma%n #,e)%f%e# the t/,e of o *an%Iat%on ?.)omB + 4u""/ <ua"%f%ed doma%n name + the ho#t name and a"" of the doma%n name# + $NS #e -e # + )on-e t fu""/ <ua"%f%ed doma%n name# to I&# HTTP: H/,e te't T an#fe & oto)o" ?HTT&B %# the )ommun%)at%on , oto)o" u#ed b/ the Inte net to t an#fe h/,e te't do)ument#. ! , oto)o" to t an#fe h/,e te't e<ue#t# and %nfo mat%on bet7een #e -e # and b o7#e # H/,e te't %# te't0 d%#,"a/ed on a )om,ute 0 7%th efe en)e# ?h/,e "%nk#B to othe te't that the eade )an %mmed%ate"/ fo""o70 u#ua""/ b/ a mou#e HTT& %# beh%nd e-e / e<ue#t fo a 7eb do)ument o * a,h0 e-e / )"%)k of a h/,e te't "%nk0 and e-e / #ubm%##%on of a fo m

www.kinindia.com

www.kinindia.com

HTT& #,e)%f%e# ho7 )"%ent# request data0 and ho7 #e -e # respond to the#e e<ue#t#.

The client makes a request for a given page and the server is responsible for finding it and returning it to the client. The browser connects and requests a page from the server. The server reads the page from the file system and sends it to the client and then terminates the connection. HTT& T an#a)t%on# C"%ent Open a connection G T !file name" request Response request Response #isplay The Response $lose the $onnection %uthentication O.K Se -e O.K

send page or error

www.kinindia.com

www.kinindia.com
$lient
1a. http client initiates TCP connection to http server (process) at www.google.com. Port 80 is default for http server.

server

1b. http server at host www.google.com waiting for TCP connection at port 80. accepts connection! notif"ing client

#. http client sends http request message (containing $%&) into TCP connection soc'et

(. http server receives re)uest message! forms response message containing re)uested ob*ect (+cs+inde,.html)! sends message into soc'et

-. http client receives response message containing html file! displa"s html. Parsing html file! finds 10 referenced *peg ob*ects

.. http server connection.

closes

TCP

/. 0teps 11- repeated for each of 10 *peg ob*ects

f%*: HTT& T an#a)t%on

www.kinindia.com

www.kinindia.com
HTTP Message: HTT& me##a*e %# the %nfo mat%on t an#a)t%on bet7een the )"%ent and #e -e . T7o t/,e# of HTT& 9e##a*e: (. 3e<ue#t# a. C"%ent to #e -e 2. 3e#,on#e# a. Se -e to )"%ent

4%e"d#

3e<ue#t "%ne o 3e#,on#e "%ne Gene a" heade 3e<ue#t heade o 3e#,on#e heade Ent%t/ heade Ent%t/ bod/

Request Message: 3e<ue#t L%ne:

! e<ue#t "%ne ha# th ee ,a t#0 #e,a ated b/ #,a)e# o a method name o the "o)a" ,ath of the e<ue#ted e#ou )e o the -e #%on of HTT& be%n* u#ed ! t/,%)a" e<ue#t "%ne %#:

>

www.kinindia.com

www.kinindia.com
o GET C,athCtoCf%"eC%nde'.htm" HTT&C(.(

>

Note#:
o

ET %# the mo#t )ommon HTT& methodJ %t #a/# K*%-e me th%# e#ou )eK. Othe method# %n)"ude P!"T and HE#$% 9ethod name# a e a"7a/# u,,e )a#e o The ,ath %# the ,a t of the ;3L afte the ho#t name0 a"#o )a""ed the request &R' o The HTT& -e #%on a"7a/# take# the fo m KHTTP&'%'K0 u,,e )a#e.

3e<ue#t Heade :

E'am,"e:

www.kinindia.com

www.kinindia.com

Response Message: 3e#,on#e L%ne:

>

>

! e<ue#t "%ne ha# th ee ,a t#0 #e,a ated b/ #,a)e# o the HTT& -e #%on0 o a response status code that *%-e# the e#u"t of the e<ue#t0 and o an En*"%#h reason phrase de#) %b%n* the #tatu# )ode T/,%)a" #tatu# "%ne# a e: o HTT&C(.1 211 OE o o HTT&C(.1 :1: Not 4ound Note#: o The HTT& -e #%on %# %n the #ame fo mat a# %n the e<ue#t "%ne0 KHTTP&'%'K. o The #tatu# )ode %# meant to be )om,ute + eadab"eJ the ea#on ,h a#e %# meant to be human+ eadab"e0 and ma/ -a /.

HTT& 3e<ue#t Heade :

www.kinindia.com

www.kinindia.com
E'am,"e:

HTTP Method: > HTT& method %# #u,,"%ed %n the e<ue#t "%ne and #,e)%f%e# the o,e at%on that the )"%ent ha# e<ue#ted.

Some )ommon method#: > O,t%on# > Get > Head > &o#t > &ut > 9o-e > $e"ete T7o method# that a e mo#t"/ u#ed a e the GET and &OST: o ET fo <ue %e# that )an be #afe"/ e,eated o P!"T fo o,e at%on# that ma/ ha-e #%de effe)t# ?e.*. o de %n* a book f om an on+"%ne #to eB.

www.kinindia.com

www.kinindia.com
The > > >
> > >

ET Method It %# u#ed to et %e-e %nfo mat%on f om a #,e)%f%ed ;3I and %# a##umed to be a #afe0 e,eatab"e o,e at%on b/ b o7#e #0 )a)he# and othe HTT& a7a e )om,onent# O,e at%on# ha-e no #%de effe)t# and GET e<ue#t# )an be e+%##ued 4o e'am,"e0 d%#,"a/%n* the ba"an)e of a bank a))ount ha# no effe)t on the a))ount and )an be #afe"/ e,eated 9o#t b o7#e # 7%"" a""o7 a u#e to ef e#h a ,a*e that e#u"ted f om a ET0 7%thout d%#,"a/%n* an/ k%nd of 7a n%n* & o'%e# ma/ automat%)a""/ et / ET e<ue#t# %f the/ en)ounte a tem,o a / net7o k )onne)t%on , ob"em. GET e<ue#t# %# that the/ )an on"/ #u,,"/ data %n the fo m of ,a amete # en)oded %n the ;3I ?kno7n a# a (uer) "tringB L Mdo7n#%deN Cannot be unu#ed fo u,"oad%n* f%"e# o othe o,e at%on# that e<u% e "a *e amount# of data to be #ent to the #e -e .

>

The P!"T Method

;#ed fo o,e at%on# that ha-e #%de effe)t# and )annot be #afe"/ e,eated 4o e'am,"e0 t an#fe %n* mone/ f om one bank a))ount to anothe ha# #%de effe)t# and #hou"d not be e,eated 7%thout e',"%)%t a,, o-a" b/ the u#e If /ou t / to ef e#h a ,a*e %n Inte net E',"o e that e#u"ted f om a P!"T0 %t d%#,"a/# the fo""o7%n* me##a*e to 7a n /ou that the e ma/ be #%de effe)t#:

>
>

> >

The P!"T e<ue#t me##a*e ha# a )ontent bod/ that %# no ma""/ u#ed to #end ,a amete # and data The IIS #e -e etu n# t7o #tatu# )ode# %n %t# e#,on#e fo a P!"T e<ue#t o The f% #t %# *++ Continue to %nd%)ate that %t ha# #u))e##fu""/ e)e%-ed the P!"T e<ue#t o The #e)ond %# ,++ !- afte the e<ue#t ha# been , o)e##ed.

www.kinindia.com

www.kinindia.com
HTT& e#,on#e #tatu# )ode# > > > > Info mat%ona" ?(''B Su))e##fu" ?2''B 3ed% e)t%on ?3''B o 31(: mo-ed ,e manent"/ C"%ent e o ?:''B o :13 : fo b%dden o :1:: Not found Se -e e o ?5''B o 513: Se -%)e una-a%"ab"e o 515: HTT& -e #%on not #u,,o ted $escription OE C eated 9o-ed &e manent"/ 9o-ed Tem,o a %"/ Bad 3e<ue#t L not unde #tood ;nautho %Ied 4o b%dden L not autho %Ied Not 4ound Inte na" Se -e E o

>

Code 211 21( 31( 312 :11 :1( :13 :1: 511

HTT& (.( 4eatu e# > > > > > &e #%#tent TC& Conne)t%on#: 3ema%n o,en fo mu"t%,"e e<ue#t# &a t%a" $o)ument T an#fe #: C"%ent# )an #,e)%f/ #ta t and #to, ,o#%t%on# Cond%t%ona" 4et)h: Se-e a" add%t%ona" )ond%t%on# Bette )ontent ne*ot%at%on 9o e f"e'%b"e authent%)at%on

Web .ro/sers :

www.kinindia.com

www.kinindia.com
> > > > 9o#a%) + NCS! ?;n%-. of I""%no%#B0 %n ea "/ (FF3 4% #t to u#e a G;I0 "ed to E',"o#%on of Web u#e In%t%a""/ fo =+W%ndo7#0 unde ;NI=0 but 7a# ,o ted to othe ,"atfo m# b/ "ate (FF3 B o7#e # a e )"%ent# + a"7a/# %n%t%ate0 #e -e # ea)t ?a"thou*h #omet%me# #e -e # e<u% e e#,on#e#B 9o#t e<ue#t# a e fo e'%#t%n* do)ument#0 u#%n* H/,e te't T an#fe & oto)o" ?HTT&B But #ome e<ue#t# a e fo , o* am e'e)ut%on0 7%th the out,ut be%n* etu ned a# a do)ument

B o7#e : ! 7eb b o7#e %# a #oft7a e a,,"%)at%on fo et %e-%n*0 , e#ent%n*0 and t a-e #%n* %nfo mat%on e#ou )e# on the Wo "d W%de Web Web "ervers: + & o-%de e#,on#e# to b o7#e e<ue#t#0 e%the e'%#t%n* do)ument# o d/nam%)a""/ Bu%"t do)ument#. + B o7#e +#e -e )onne)t%on %# no7 ma%nta%ned th ou*h mo e than one e<ue#t+ 3e#,on#e )/)"e + !"" )ommun%)at%on# bet7een b o7#e # and #e -e # u#e H/,e te't T an#fe & oto)o" + Web #e -e # un a# ba)k* ound , o)e##e# %n the o,e at%n* #/#tem + 9on%to a )ommun%)at%on# ,o t on the ho#t0 a))e,t%n* HTT& me##a*e# 7hen the/ !,,ea !"" )u ent Web #e -e # )ame f om e%the (. The o %*%na" f om CE3N 2. The #e)ond one0 f om NCS! + Web #e -e # ha-e t7o ma%n d% e)to %e#: (. $o)ument oot ?#e -ab"e do)ument#B 2. Se -e oot ?#e -e #/#tem #oft7a eB + $o)ument oot %# a))e##ed %nd% e)t"/ b/ )"%ent# + It# a)tua" "o)at%on %# #et b/ the #e -e Conf%*u at%on f%"e + 3e<ue#t# a e ma,,ed to the a)tua" "o)at%on + 8% tua" do)ument t ee# + 8% tua" ho#t# + & o'/ #e -e # + Web #e -e # no7 #u,,o t othe Inte net , oto)o"# + !,a)he ?o,en #ou )e0 fa#t0 e"%ab"eB + IIS + 9a%nta%ned th ou*h a , o* am 7%th a G;I %nte fa)e Mar0up 1anguage: 9a k+u, Lan*ua*e %# u#ed to %dent%f/ e"ement# of a ,a*e #o that a b o7#e )an ende that ,a*e on /ou )om,ute #) een.

www.kinindia.com

www.kinindia.com
Content to be d%#,"a/ed %# @ma ked u,A o ta**ed to te"" the b o7#e ho7 to d%#,"a/ %t. ! mar0up language %# a #et of )ha a)te # o #/mbo"# that def%ne a do)umentG# "o*%)a" #t u)tu e o ho7 a do)ument #hou"d be , %nted o d%#,"a/ed. H)per Te't Mar0 up 1anguage:

Hyper Te(t Mark)up Language* the "an*ua*e u#ed to ) eate do)ument# on the Wo "d W%de Web. HT9L %# a )o""e)t%on of #t/"e# ?%nd%)ated b/ ma k+u, tagsB that def%ne the -a %ou# elements of a Wo "d W%de Web do)ument. HT9L %# ba#ed on an o"de "an*ua*e )a""ed "tandard enerali2ed Mar0up 1anguage0 o " M10 7h%)h def%ne# the data %n a do)ument %nde,endent"/ of ho7 the data 7%"" be d%#,"a/ed. HT9L do)ument )an be ead and d%#,"a/ed b/ man/ d%ffe ent b o7#e # unn%n* on d%ffe ent t/,e# of )om,ute # L ,"atfo m %nde,endentO HT9L def%ne# the #t u)tu e and "a/out of the e"ement# on a Web ,a*e 7%th a -a %et/ of tags. Ea)h ta* ma/ ha-e a #et of attributes that mod%f/ the a,,ea an)e o "a/out of the -%#ua" e"ement contained b/ the ta*. HT9L %# a ,"a%n+te't f%"e that )an be ) eated u#%n* a te't ed%to "%ke Note,ad. +T,- is a programming language that allows you to tell the browser what you want it to display and how you want it to be displayed* in simple terms* it is a Webpage. +T,- there are certain markers* like commands* that tell the .rowser what to do* these are called tags. .y using tags you can have tables* fonts* colors* pictures* links* and almost anything you can think up* and e(perimentation with tags can lead to some pretty cool Web/ages.

HTM1 Histor): The f% #t -e #%on of HT9L 7a# ) eated u#%n* the "tandard enerali2ed Mar0 up 1anguage 3" M14. In the ea "/ /ea # of HT9L0 Web de-e"o,e # 7e e f ee to def%ne and mod%f/ HT9L %n 7hate-e 7a/# the/ thou*ht be#t. Com,et%n* b o7#e # %nt odu)ed #ome d%ffe en)e# %n the "an*ua*e. The )han*e# 7e e )a""ed e'tensions.

! * ou, of Web de-e"o,e #0 , o* amme #0 and autho # )a""ed the World Wide Web Consortium0 o the WC50 ) eated a #et of #tanda d# o #,e)%f%)at%on# that a"" b o7#e manufa)tu e # 7e e to fo""o7. The WC5ha# no enfo )ement ,o7e . The e)ommendat%on# of the WC5a e u#ua""/ fo""o7ed #%n)e a un%fo m a,, oa)h to Web ,a*e ) eat%on %# benef%)%a" to e-e /one.

www.kinindia.com

www.kinindia.com
HTM1 6ersions:

Comparison o7 HTM1 versions: HT9L 3 Pbod/Q Ptab"eQ Pt Q PtdQheade PCtdQ PCt Q Pt Q PtdQna-PCtdQ PCt Q Pt Q PtdQ"eft PCtdQ PtdQ %*ht PCtdQ PCt Q Pt Q Ptd Qfoote PCtdQ PCt Q PCtab"eQ PCbod/Q HT9L : Pbod/Q Pd%- %dRKheade KQ...PCd%-Q Pd%- %dRKna-KQ...PCd%-Q Pd%- )"a##RK %*htKQ ... PCd%-Q Pd%- %dRK"eftKQ...PCd%-Q Pd%- %dRKfoote KQ...PCd%-Q PCbod/Q HT9L 5 Pbod/Q Pheade Q...PCheade Q Pna-Q...PCna-Q P %*htQ ... PC %*htQ P"eftQ...PC"eftQ Pfoote Q...PCfoote Q PCbod/Q

HTM1 .asics: HT9L %# , %ma %"/ )om,o#ed of t7o t/,e# of ma ku,: > E"ement# o ta*# o Phtm"QPChtm"Q > !tt %bute# that mod%f/ an e"ement

www.kinindia.com

www.kinindia.com
HTM1 Elements > > E"ement# a e the fundamenta" bu%"d%n* b"o)k# of HT9L. The/ a e the ta*# that te"" the b o7#e 7hat the en)"o#ed te't %#.

HT9L Ta*#: > Conta%ne Ta*# o PBe*%n fo matt%n*Q#ome te'tPCEnd fo matt%n*Q o 4o e'am,"e: PBQ#ome bo"d te'tPCBQ PH(Q#ome head%n* PCH(Q Em,t/ E"ement Ta*# o 4o e'am,"e PH3Q PB3Q Comment Ta* o PO++ H%0 ISm a )omment. ++Q o ;#e them do)ument )om,"%)ated "a/out#O

> >

>
>

>
> >

> > >

Ca#e %n#en#%t%-e ;n e)o*n%#ed ta*# a e #%m,"/ %*no ed b/ b o7#e OO Conta%ne ta*# mu#t be ne#tedOO !# a te't do)ument0 /ou HT9L %n Note,ad 7%"" )onta%n elements0 #u)h a# heade #0 t%t"e#0 ,a a* a,h#0 et). The#e e"ement# mu#t be denoted %n /ou #) %,t0 7h%)h %# done u#%n* tags HT9L ta*# )on#%#t of a "eft an*"e b a)ket ?PB0 a name0 and a %*ht an*"e b a)ket ?QB 4o e'am,"e: Pt%t"eQ Ta*# mu#t a"#o )"o#e. To do #o0 /ou %n)o ,o ate a #"a#h ?CB. ! #ta t%n* and end%n* ta* 7ou"d be: Pt%t"eQ PCt%t"eQ

#ttributes: > > You )an add att %bute# to ta*# to enhan)e /ou ,a*e. !dded att %bute# *o %n#%de the b a)ket# of the o,en%n* ta* ?e'am,"e: P, a"%*nR)ente Q 7ou"d )ente the ,a a* a,hB

www.kinindia.com

www.kinindia.com
#bout HTM1 7ile "tructure:

HT9L f%"e# %htm o %html e'ten#%on# Name /ou f%"e# to de#) %be the% fun)t%ona"%t/ f%"e name of /ou home ,a*e #hou"d be inde'%html

Common Tags 3Elements4:

!"7a/# %n)"ude the 8HTM19T8&HTM19 ta*# Comment# ,"a)ed %n#%de 8:--T--9 ta*# HT9L do)ument# o HE#$ #e)t%on Info about the do)ument Info %n heade not *ene a""/ ende ed %n d%#,"a/ 7%ndo7 TIT1E e"ement name# /ou Web ,a*e
o

.!$; #e)t%on &a*e )ontent In)"ude# te't0 %ma*e#0 "%nk#0 fo m#0 et). E"ement# %n)"ude ba)k* ound#0 "%nk )o"o # and font fa)e# P e"ement fo m# a ,a a* a,h0 b"ank "%ne befo e and afte

St u)tu e of HT9L Ta* ?E"ementB !"%*nment

Common Elements

www.kinindia.com

www.kinindia.com
Tag PfontQ Pbod/Q E'planation ;#e to )han*e the font , o,e t/ ;#e to )han*e the , o,e t/ of bod/ #e)t%on %n the HT9L $o)ument. #ttributes Co"o 0 #%Ie0 fa)e b*)o"o 0 te't End Tag PCfontQ PCbod/Q E'ample Pfont fa)eRa %a"Q Pbod/ b*)o"o R ed te'tR,u ,"eQ

8center9 The Cente ta* %# u#ed to )ente the )ontent bet7een "eft and %*ht ma *%n#. Head%n* PhnQ HT9L def%ne# si' levels of head%n*#. HE!$ING e"ement )an be u#ed to *%-e #e)t%on head%n*#.

8&center9

PCENTE3QTh%# te't %# )ente a"%*ned PCCENTE3Q Ph( a"%*nR)ente Q

#lign 8&hn 9 3center=right=l e7t4

"t)le tags The fo""o7%n* ta*# a e u#ed to #et te't )ha a)te %#t%)# Tag 8.9 +++ 8&.9 E'planation .old tag To ma k the te't a# bo"d 8I9 +++ 8&I9 Italic tag To ma k the te't %n Ita"%)# 8<9 +++ 8&<9 <nderling tag To unde "%ne the te't 8"<P9+++ 8&"<P9 "uperscript tag 9a k the te't to a,,ea #u,e #) %,t a# Th%# te't %# PS;&Q Su,e #) %,t PCS;&Q Th%# te't %# P;Q unde "%ned PC;Q Th%# te't %# %n PIQ Ita"%)# #t/"e PCIQ E'ample Th%# te't %# PBQ BOL$ PCBQ

www.kinindia.com

www.kinindia.com
8"<.9 8&"<.9 +++ "ubscript tag 9a k the te't to a,,ea #ub#) %,t a# Th%# te't %# PS;BQ Sub#) %,t PCS;&Q

8.I 9 8&.I 9

+++ .I tag L to d%#,"a/ the I am PBIGQ BIG TE=T PCBIGQ )ha a)te # %n a "a *e font a# )om,a ed to e#t of the te't S9!LL TE=T

8"M#119 +++ "mall tag L to d%#,"a/ the I am PS9!LLQ 8&"M#119 )ha a)te # %n a #ma""e font PCS9!LLQ )om,a ed to the e#t of the te't. 8"TRI-E9 +++ 8&"TRI-E9 8TT9 8&TT9 "tri0e tag 9a k the te't the a,,ea #t %ked a#

Th%# te't %# PST3IEEQ #t %keth ou*h PCST3IEEQ

+++ Telet)pe tag 9ono#,a)ed #ma"" t/,e 7 %te font +++ Pre7ormatted Te't tag9a k the te't b"o)k 7h%)h ha# to eta%n #,a)e#0 "%ne b eak# and othe fo matt%n*

Th%# te't %# %n PTTQ T/,e7 %te font PCTTQ

8PRE9 8&PRE9

P&3EQ U U U UU U UU UU PC&3EQ

8#$$RE""9 #ddress tagP!$$3ESSQ +++ Th%# ta* %# u#ed to %dent%f/ O'fo d ;n%-e #%t/ & e## 8&#$$RE""9 %nfo mat%on #u)h a# add e## Y9C! Bu%"d%n* Ne7 $e"h% PC!$$3ESSQ .elo/ is a complete list o7 HTM1 tags= and /hich version supports it:

www.kinindia.com

www.kinindia.com

www.kinindia.com

www.kinindia.com

www.kinindia.com

www.kinindia.com

Te't "t)ling
> >

>
> > >

>

>

;nde "%ne #t/"e8<9T8&<9 !"%*n e"ement# 7%th #1I > att %buteright0 le7t o center C"o#e ne#ted ta*# %n the e-e #e o de f om 7h%)h the/ 7e e o,ened Em,ha#%# ?%ta"%)#B #t/"e8EM9T8&EM9 St on* ?bo"dB #t/"e8"TR!> 9T8&"TR!> 9 PBQ and PIQ ta*# de, e)ated O-e #te, bounda / bet7een )ontent and , e#entat%on Lo*%)a" St/"e#: o PE9Q0 PST3ONGQ add em,ha#%# to te't o PBIGQ0 PS9!LLQ %n) ea#e o de) ea#e te't #%Ie o PS;BQ0 PS;&Q #ub#) %,t o #u,e #) %,t &h/#%)a" #t/"e#: o PBQ0 PIQ0 P;Q Bo"d0 Ita"%)#0 and ;nde "%ne te't o P4ONT SIVERW 4!CER @nameA COLO3R@)o"o Name o W *bA Q o E.*.0 P4ONT SIVERX2 4!CE R @a %a"A COLO3 R @da kb"ueAQ

e?tensible Mar0 up 1anguage 3?HTM14 : > >

To de#) %be the *ene a" fo m and "a/out of do)ument# !n =HT9L do)ument %# a m%' of )ontent and )ont o"# In 0+T,- ta* name#0 att %bute#0 and -a"ue# a e )a#e #en#%t%-e and -a"ue# mu#t be en)"o#ed b/ doub"e <uote#. In 0+T,- a"" e"ement# mu#t ha-e both be*%nn%n* and end%n* ta*#.

>

www.kinindia.com

www.kinindia.com

>

Cont o"# a e ta*# and the% att %bute# o Ta*# often de"%m%t )ontent and #,e)%f/ #ometh%n* about ho7 the )ontent o #hou"d be a an*ed %n the do)ument. o !tt %bute# , o-%de add%t%ona" %nfo mat%on about the )ontent of a ta*. Tools for creating 0+T,- documents o =HT9L ed%to # + make do)ument ) eat%on ea#%e o Sho t)ut# to t/,%n* ta* name#0 #,e""+)he)ke 0 o WYSIWYG =HT9L ed%to #

>

>

/lug ins o Inte* ated %nto too"# "%ke 7o d , o)e##o #0 o effe)t%-e"/ )on-e t%n* them to WYSIWYG o =HT9L ed%to # 1ilters o Con-e t do)ument# %n othe fo mat# to =HT9L

>

%dvantages of both filters and plug)ins: > > > E'%#t%n* do)ument# , odu)ed 7%th othe too"# )an be )on-e ted to =HT9L do)ument# ;#e a too" /ou a" ead/ kno7 to , odu)e =HT9L

#isadvantages of both filters and plug)ins:

>
>

=HT9L out,ut of both %# not ,e fe)t + mu#t be f%ne tuned =HT9L ma/ be non+#tanda d You ha-e t7o -e #%on# of the do)ument0 7h%)h a e d%ff%)u"t to #/n)h on%Ie

Relative <R1 HTM1 1in0: To ) eate a "%nk to a e#ou )e %dent%f%ab"e b/ a ;3L o h ef: #,e)%f/ a ;3L of the ta *et e#ou )e o ta *et: #,e)%f/ 7he e to d%#,"a/ the ta *et do)ument e.*.: Pa h efRK%nde'.htmK ta *etRKYb"ankKQHomePCaQ

www.kinindia.com

www.kinindia.com
O,en the do)ument K%nde'.htmK %n a ne7 b o7#e 7%ndo7 Can a"#o be u#ed to ) eate an an)ho 7%th%n a do)ument o name: #,e)%f/ the an)ho name e.*.: Pa nameRK)ha,(KQPCaQPh2QCha,te (PCh2Q The abo-e an)ho )an be efe ed to %n a ;3L a# Pa h efRKhtt,:CCho#tCf%"e.htm"W)ha,(KQCha,te (PCaQ <R1 3<ni7orm Resource 1ocator4 in HTM1: ;3L %# u#ed to ) eate a "%nk %n a 7eb do)ument. T7o T/,e# of ;3L: *% #bsolute <R1 > !b#o"ute ;3L )onta%n# a"" the %nfo mat%on ne)e##a / to %dent%f/ f%"e# on the %nte net ?E'am,"e: %n ,o#ta" #e -%)e0 fo #end%n* "ette to the de#t%nat%on %t ne)e##a / to ha-e fu"" %nfo mat%on "%ke0 name0 add e##0 )%t/ et).0B > L%ke7%#e0 an ab#o"ute ;3L )onta%n# the , oto)o"0 ho#tname0 f%"ename0 7h%)h a e a"" e##ent%a" to "%nk the 7eb do)ument. > E'am,"e: %. htt,:CC*oo*"e.)omC%nde'.htm" ,% Relative <R1 > 3e"at%-e ;3L )onta%n# the on"/ the fo"de name and f%"ename o e-en Zu#t the f%"e name. > B o7#e doe# not need , oto)o" add e## o #e -e name to %dent%f/ the f%"e %n the 7eb. > 3e"at%-e ;3L to efe the do)ument# %n e"at%on to the o %*%nat%n* do)ument. T7o t/,e# of 3e"at%-e ;3L: %. $o)ument L 3e"at%-e ;3L. > $o)ument 3e"at%-e ;3L %# u#ed to e"ate the HT9L do)ument %n the #ame fo"de 0 Zu#t , o-%d%n* the name of the f%"e ?e': Inde'.htm"B. > It )onta%n# on"/ the fo"de name and f%"e name. %%. Se -e L 3e"at%-e ;3L > Se -e e"at%-e ;3L %# e"at%-e to the #e -e oot. > It )onta%n# the ,a t of ;3L and e"at%n* to the ho#t name.

www.kinindia.com

www.kinindia.com
#nchors and 1in0s Th%# #e)t%on d%#)u##e# the ! ta* 7h%)h %# u#ed to def%ne an)ho # ?,"a)e# %n a do)ument that )an be "%nked toB and a"#o to ) eate "%nk#. > #

A - (anchor or link) The ! ta* "et# /ou def%ne an)ho # and "%nk#. !n an)ho def%ne# a ,"a)e %n a do)ument. ! "%nk d%#,"a/# a h/,e te't "%nk that the u#e )an )"%)k to d%#,"a/ an an)ho o a do)ument. # as anchor !n an)ho %dent%f%e# a ,"a)e %n an HT9L do)ument. To %nd%)ate that an P!Q ta* %# be%n* u#ed a# an an)ho 0 #,e)%f/ the N!9E att %bute. Note that /ou )an a"#o u#e the I$ att %bute of an/ ta* to %dent%f/ that ta* a# an an)ho 0 a# d%#)u##ed %n ;NI8E3S!L !tt %bute#. $o not ne#t an an)ho 7%th%n anothe ! ta*. ")nta' P! N!9ERKan)ho NameK Q ... PC!Q E'ample P! N!9ER#e)t%on2Q PH2Q! Co"d !utumn $a/PCH2QPC!Q If th%# an)ho %# %n a f%"e )a""ed Kno7he e.htm0K /ou )ou"d def%ne a "%nk that Zum,# to the an)ho a# fo""o7#: P&Q.um, to the #e)ond #e)t%on P! H3E4RKno7he e.htmW#e)t%on2KQ ! Co"d !utumn $a/PC!Q %n the m/#te / K! man f om No7he e.K # as lin0 > > > > ! h/,e te't "%nk %# a ,%e)e of )ontent that the u#e )an )"%)k to %n-oke an a)t%on. The mo#t )ommon a)t%on# a e #) o""%n* to a d%ffe ent ,"a)e %n the )u ent do)ument and o,en%n* a ne7 do)ument. ! h/,e te't "%nk )an )onta%n te't andCo * a,h%)#. To define a h"perte,t lin'! use the 234 tag with an 5%67 attribute to indicate the start of the h"perte,t lin'! and use the 2+34 tag to indicate the end of the lin'.

www.kinindia.com

www.kinindia.com
> > > > > > > > 8hen the user clic's an" content between the 23 5%674 and 2+34 tags! the lin' is activated. The -a"ue of the H3E4 att %bute mu#t be a ;3L. If /ou 7ant the "%nk to o,en a ne7 do)ument0 the -a"ue of H3E4 #hou"d be the ;3L fo the de#t%nat%on do)ument. If /ou 7ant to #) o"" the )u ent do)ument to a ,a t%)u"a ,"a)e0 the -a"ue of H3E4 #hou"d be the name of the an)ho to 7h%)h to #) o""0 , e)eded b/ the W #%*n. If /ou 7ant to o,en anothe do)ument at an an)ho 0 *%-e the ;3L fo the do)ument0 fo""o7ed b/ W0 fo""o7ed b/ the name of the an)ho . If /ou 7ant the de#t%nat%on do)ument o an)ho to o,en %n a #e,a ate b o7#e 7%ndo70 #u,,"/ the name of the 7%ndo7 a# the -a"ue of the T!3GET att %bute. If the named 7%ndo7 doe# not a" ead/ e'%#t0 a ne7 7%ndo7 o,en#. The "%nk )an a"#o do a)t%on# othe than o,en%n* and #) o""%n* do)ument#. It )an #end ma%" me##a*e#0 ,o%nt to f%"e# "o)ated on 4T& #e -e #0 un an/ a b%t a / .a-aS) %,t )ode0 o,en "o)a" f%"e#0 ,o%nt to a *o,he #e -e 0 o ead ne7# * ou,#. To do an/ of the#e a)t%on#0 /ou #,e)%f/ an a,, o, %ate k%nd of ;3L0 #u)h a# a ma%"to ;3L to #end a ma%" me##a*e o a ne7# ;3L to ead a ne7# * ou,. 9o#t b o7#e # d%#,"a/ h/,e te't "%nk# %n a )o"o d%ffe ent f om that of the e#t of the do)ument #o that u#e # )an ea#%"/ %dent%f/ them. You )an a"#o def%ne a)t%on# that o))u 7hen the mou#e )u #o ente # o "ea-e# the e*%on )onta%n%n* the "%nk b/ #,e)%f/%n* on9ou#eO-e and on9ou#eOut e-ent hand"e # fo the "%nk. !dd%t%ona""/0 /ou )an #,e)%f/ an onC"%)k e-ent hand"e that dete m%ne# the a)t%on to o))u 7hen the u#e )"%)k# a "%nk. ! "%nk that ha# not been )"%)ked %# )a""ed an un-%#%ted "%nk. ! "%nk that ha# been )"%)ked %# kno7n a# a -%#%ted o fo""o7ed "%nk. ! "%nk that %# %n the , o)e## of be%n* )"%)ked %# an a)t%-e "%nk.

> >
>

>

> > >

")nta' P! H3E4RK"o)at%onK ONCLICERK)"%)k.S)odeK ON9O;SEO;TRKout.S)odeK ON9O;SEO8E3RKo-e .S)odeK T!3GETRK7%ndo7NameK Q ... PC!Q

www.kinindia.com

www.kinindia.com
HRE@ABlocationB #,e)%f%e# a de#t%nat%on ;3L fo the "%nk. The mo#t )ommon -a"ue he e %# a do)ument name o an an)ho . To #,e)%f/ a do)ument to o,en0 , o-%de the ;3L fo the do)ument0 e%the a# an ab#o"ute o e"at%-e ;3L. !n e'am,"e of an ab#o"ute ;3L %#: H3E4RKhtt,:CC777.)henna%ka-%*a".)omC%nde'.htm"K !n e'am,"e of a e"at%-e ;3L %#: H3E4RK, odu)t#Cdo)(.htm"K To #) o"" the )u ent do)ument to an an)ho 0 *%-e the name of the an)ho , e)eded b/ the ,ound ?WB #%*n. 4o e'am,"e: H3E4RKWan)ho (K To o,en a d%ffe ent do)ument at an an)ho 0 *%-e the ;3L fo the do)ument0 fo""o7ed b/ the W #%*n fo""o7ed b/ the name of the an)ho . 4o e'am,"e: H3E4RK, odu)t#Cdo)(.htm"K The H3E4 att %bute )an a"#o be a ;3L that #end# a me##a*e0 ,o%nt# to f%"e# "o)ated on an 4T& #e -e 0 un# a b%t a / .a-aS) %,t )ode0 o,en# "o)a" f%"e#0 ,o%nt# to a *o,he #e -e 0 o ead# ne7# * ou,#. !>C1IC-ABclic0C"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen a u#e )"%)k# the "%nk. If /ou #u,,"/ a -a"ue fo the ONCLICE att %bute0 the #,e)%f%ed a)t%on o-e %de# the defau"t "%nk beha-%o . !>M!<"E!<TABoutC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen a u#e mo-e# the mou#e )u #o out of the "%nk o an)ho .

www.kinindia.com

www.kinindia.com
!>M!<"E!6ERABoverC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen a u#e mo-e# the mou#e ,o%nte o-e the %ma*e o "%nk te't. T#R ETAB/indo/>ameB #,e)%f%e# a 7%ndo7 %n 7h%)h to #ho7 the de#t%nat%on do)ument ?%f the "%nkS# a)t%on %# to #) o"" o o,en a do)umentB. If the named 7%ndo7 %# not a" ead/ o,en0 a ne7 7%ndo7 7%th that name o,en#. S,e)%a" ta *et -a"ue# a e: Dblan0 o,en# the de#t%nat%on do)ument %n a ne7 unnamed 7%ndo7. Dparent o,en# the de#t%nat%on do)ument %n the ,a ent 7%ndo7 of the one d%#,"a/%n* the )u ent do)ument. Dsel7 o,en# the de#t%nat%on do)ument %n the #ame 7%ndo7 a# the one %n 7h%)h the "%nk 7a# )"%)ked. Dtop o,en# the de#t%nat%on do)ument %n the fu"" bod/ of the )u ent 7%ndo7. Th%# -a"ue )an be u#ed to en#u e that the de#t%nat%on do)ument take# o-e the fu"" 7%ndo7 e-en %f the o %*%na" do)ument 7a# d%#,"a/ed %n a f ame.

E'ample P&QYou )an f%nd a"" the "ate#t ne7# f om Chenna% Ea-%*a" at P! H3E4RKhtt,:CC777.)henna%ka-%*a".)omC%nde'.htm"KQChenna% Ea-%*a"S# Home &a*ePC!Q. Images and Image Maps Th%# #e)t%on d%#)u##e# the ta*# fo %n#e t%n* an %ma*e %nto a do)ument and fo ) eat%n* %ma*e ma,#. !n %ma*e ma, %# an %ma*e that )onta%n# one o mo e a ea# that the u#e )an )"%)k to o,en anothe ;3L. IM #RE# M#P

www.kinindia.com

www.kinindia.com

Image Maps

IMG - (image) The I9G ta* #,e)%f%e# an %ma*e to be d%#,"a/ed %n an HT9L do)ument. !n %ma*e )an be a ,"a%n %ma*e that #%m,"/ a,,ea # on the ,a*e. !n %ma*e )an be embedded %n an P! H3E4Q ta* #o that the u#e )an )"%)k %t to o,en a ;3L. !n %ma*e )an a"#o be an %ma*e ma,0 7h%)h ha# mu"t%,"e )"%)kab"e a ea# that ea)h "%nk to d%ffe ent ;3LS. 4o mo e %nfo mat%on on %ma*e ma,#0 #ee the #e)t%on KIma*e 9a,#.K The S3C att %bute of the I9G ta* %nd%)ate# the %ma*e to d%#,"a/. You )an a"#o #,e)%f/ a "o7e e#o"ut%on %ma*e a# the -a"ue of the LOWS3C att %bute. When the ,a*e o,en#0 %t d%#,"a/# the "o7e e#o"ut%on %ma*e f% #t0 #o that the u#e ha# #ometh%n* to "ook at 7h%"e the ea" %ma*e %# "oad%n*. If /ou #u,,"/ an %ma*e fo the LOWS3C att %bute0 make #u e %t ha# a #ma""e f%"e #%Ie than the %ma*e u#ed fo the S3C att %bute0 #%n)e the 7ho"e ,o%nt of the LOWS3C att %bute %# to , o-%de an %ma*e that "oad# mo e <u%)k"/ than the #ou )e %ma*e. The HEIGHT and WI$TH att %bute# %nd%)ate the d%men#%on# of the %ma*e. If /ou #,e)%f/ the#e att %bute#0 Na-%*ato u#e# them to e#e -e a ,"a)e fo the %ma*e on the ,a*e and )ont%nue# "oad%n* an/ te't and othe ,a*e e"ement# %n#tead of 7a%t%n* fo the %ma*e to "oad. Na-%*ato )an d%#,"a/ %ma*e# that u#e the fo""o7%n* t/,e# of fo mat#:

GI4 ?G a,h%)# Inte )han*e 4o matB .&EG ?.o%nt &hoto* a,h%) E',e t# G ou,B

")nta' PI9G S3CRK"o)at%onK LOWS3CRK"o)at%onK !LTRKa"te nt%-eTe'tK !LIGNRKa"%*nmentK BO3$E3RKbo de W%dthK HEIGHTRKhe%*htK WI$THRK7%dthK HS&!CERKho %I9a *%nK 8S&!CERK-e t%)a"9a *%nK IS9!& ;SE9!&RKWma,NameK

www.kinindia.com

www.kinindia.com
N!9ERK%ma*eNameK ON!BO3TRK%m*Load.S)odeK ONE33O3RKe o .S)odeK ONLO!$RK%m*Load.S)odeK S;&&3ESSRK#u,, e##O NotK Q "RCABlocationB #,e)%f%e# the ;3L of the %ma*e to be d%#,"a/ed %n the do)ument. 1!W"RCABlocationB #,e)%f%e# the ;3L of a "o7+ e#o"ut%on -e #%on of the %ma*e. Th%# %ma*e %# d%#,"a/ed 7h%"e the %ma*e #,e)%f%ed b/ the S3C att %bute %# "oad%n*. The %dea of the LOWS3C %ma*e %# that %t take# u, "e## f%"e #,a)e than the S3C %ma*e and thu# "oad# mo e <u%)k"/0 *%-%n* the u#e #ometh%n* to "ook at 7h%"e the ea" %ma*e %# "oad%n*. #1TABalternative Te'tB #,e)%f%e# te't to be d%#,"a/ed %f the b o7#e doe# not #u,,o t the I9G ta* o %f the u#e ha# #u#,ended %ma*e "oad%n* %n the b o7#e . #1I > #,e)%f%e# the a"%*nment of the %ma*e %n e"at%on to the #u ound%n* te't. If /ou do not #,e)%f/ a -a"ue fo !LIGN0 Nadod% u#e# BOTTO9 a# the defau"t. LE4T a"%*n# an %ma*e 7%th the "eft ma *%n. 3IGHT a"%*n# an %ma*e 7%th the %*ht ma *%n. TO& a"%*n# the to, of an %ma*e 7%th the to, of the ta""e#t %tem %n the )u ent "%ne. !BS9I$$LE a"%*n# the m%dd"e of an %ma*e 7%th the m%dd"e of the te't %n the )u ent "%ne. !BSBOTTO9 a"%*n# the bottom of an %ma*e 7%th the bottom of the "o7e#t %tem %n the )u ent "%ne. TE=TTO& a"%*n# the to, of an %ma*e 7%th the to, of the ta""e#t te't %n the )u ent "%ne. 9I$$LE a"%*n# the m%dd"e of the %ma*e 7%th the ba#e"%ne of the te't %n the )u ent "%ne. B!SELINE a"%*n# the bottom of an %ma*e 7%th the ba#e"%ne of the te't %n the )u ent "%ne. BOTTO9 %# the #ame a# B!SELINE.

www.kinindia.com

www.kinindia.com
.!R$ERABborderWidthB #,e)%f%e# the 7%dth0 %n ,%'e"#0 of a bo de a ound the %ma*e. The -a"ue mu#t be an %nte*e . HEI HTABheightB #,e)%f%e# the he%*ht of the %ma*e0 e%the %n ,%'e"# o a# a ,e )enta*e of the he%*ht of the 7%ndo70 f ame0 o ,o#%t%oned b"o)k of HT9L that )onta%n# the %ma*e. To %nd%)ate a numbe of ,%'e"#0 #,e)%f/ the -a"ue a# an %nte*e 0 fo e'am,"e0 K(11K. To %nd%)ate a ,e )enta*e0 #,e)%f/ the -a"ue a# an %nte*e fo""o7ed b/ the ,e )enta*e #%*n0 fo e'am,"e K21[K. WI$THAB/idthB #,e)%f%e# the 7%dth of the %ma*e e%the %n ,%'e"# o a# a ,e )enta*e of the 7%ndo70 f ame0 o ,o#%t%oned b"o)k of HT9L )onta%n%n* the %ma*e. To %nd%)ate a numbe of ,%'e"#0 #,e)%f/ the -a"ue a# an %nte*e 0 fo e'am,"e0 K(11K. To %nd%)ate a ,e )enta*e0 #,e)%f/ the -a"ue a# an %nte*e fo""o7ed b/ the ,e )enta*e #%*n0 fo e'am,"e0 K21[K. H"P#CEABhori2MarginB #,e)%f%e# a ma *%n %n ,%'e"# bet7een the "eft and %*ht ed*e# of the %ma*e and #u ound%n* te't and %ma*e#. G%-e the -a"ue a# an %nte*e . 6"P#CEABverticalMarginB #,e)%f%e# a ma *%n %n ,%'e"# bet7een the to, and bottom ed*e# of the %ma*e and #u ound%n* te't and %ma*e#. G%-e the -a"ue a# an %nte*e . I"M#P %nd%)atet# that the %ma*e %# a #e -e +#%de %ma*e ma,. If %t %#0 the %ma*e #hou"d be embedded %n#%de an P! H3E4Q "%nk that ,o%nt# to the ma,,%n* f%"e. See the #e)t%on KIma*e 9a,#K fo mo e %nfo mat%on about #e -e +#%de %ma*e ma,#. <"EM#PABEmap>ameB #,e)%f%e# that the %ma*e %# a )"%ent+#%de %ma*e ma, and %nd%)ate# 7h%)h 9!& ta* def%ne# the ma,,%n* fo th%# %ma*e. See the #e)t%on K9!&K fo mo e %nfo mat%on on )"%ent+#%de %ma*e ma,#.

www.kinindia.com

www.kinindia.com
>#MEABimg>ameB #,e)%f%e# a name b/ 7h%)h .a-aS) %,t )an efe to the %ma*e. !>#.!RTABimg#bortC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen the u#e te m%nate# the "oad%n* of an %ma*e. !>ERR!RABerrorC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen an e o o))u # du %n* %ma*e "oad%n* #u)h a# %f the ;3L 7%th%n the PI9GQ ta* %# bad o the %ma*e data %# )o u,ted. !>1!#$ABimg1oadC"codeB #,e)%f%e# the .a-aS) %,t e-ent hand"e to e'e)ute 7hen the %ma*e %# "oaded. "<PPRE""ABsuppress!r>otB #,e)%f%e# 7hethe o not the ,"a)e+ho"de %)on that a,,ea # du %n* %ma*e "oad%n* 7%"" be d%#,"a/ed and %f the too" t%, 7%"" be a)t%-e. If the too" t%, %# a)t%-e0 an/ te't #,e)%f%ed %n the !LT att %bute %# d%#,"a/ed %f the mou#e e#t# o-e the %ma*e. The defau"t -a"ue %# 4!LSE. The -a"ue of S;&&3ESS )an be T3;E o 4!LSE. T3;E: the ,"a)e+ho"de %)on %# not d%#,"a/ed and the too" t%, %# d%#ab"ed fo that %ma*e 7h%"e the %ma*e %# "oad%n*. 4!LSE: the ,"a)e+ho"de %)on %# d%#,"a/ed and the too" t%, %# a)t%-e 7h%"e the %ma*e %# "oad%n*.

E'ample *% #n Image With a 1o/ Resolution Placeholder PI9G S3CRK%ma*e#C-%o"et#.Z,*K LOWS3CRK%ma*e#C#m-%o".*%fK HEIGHTR(H1 WI$THR(21 !LTRK-%o"et#KQ Th%# e'am,"e u#e# the fo""o7%n* att %bute# to %m, o-e ,e fo man)e: The LOWS3C att %bute #,e)%f%e# a "o7+ e#o"ut%on -e #%on of the f%na" %ma*e. Th%# #ma"" f%"e "oad# <u%)k"/ 7hen a u#e a))e##e# the ,a*e. The HEIGHT and WI$TH att %bute# #,e)%f/ the d%men#%on# of the %ma*e. Na-%*ato u#e# the#e d%men#%on# to e#e -e a ,"a)e fo the %ma*e on the ,a*e0 and )ont%nue# "oad%n* an/ te't and othe ,a*e e"ement# %n#tead of 7a%t%n* fo the %ma*e to "oad.

www.kinindia.com

www.kinindia.com
E'ample ,% #n Image /ith Te't Wrapping #round It In th%# e'am,"e0 an %ma*e %# a"%*ned on the %*ht #%de of the Na-%*ato 7%ndo70 and te't f"o7# a ound %t to the "eft: P&QPI9G S3CRK%ma*e#C#,%ke/.Z,*K S;&&3ESSRT3;E !LIGNR3IGHT HS&!CER:1 BO3$E3R2 !LTRK)h /#anthemumKQ Ch /#anthemum# a e ea#/ to * o70 #o "on* a# /ou )an kee, the #"u*# and #na%"# off them. The/ do -e / 7e"" %n the fa""0 and the e %# noth%n* mo e beaut%fu" than a "a *e bed of )h /#anthemum# of a"" )o"o #. PC&Q PB3 CLE!3R!LLQ In th%# e'am,"e0 the HS&!CE att %bute ) eate# a :1+,%'e" ma *%n on e%the #%de of the the %ma*e0 and the %ma*e %# a"%*ned on the %*ht. Te't 7 a,# a ound the %ma*e to the "eft. AREA - (area of image map) The !3E! ta* de#) %be# an %nd%-%dua" a ea %n an %ma*e ma,. !n %ma*e ma, )an )onta%n mu"t%,"e )"%)kab"e a ea#0 and ea)h a ea )an ha-e a #e,a ate de#t%nat%on ;3L a##o)%ated 7%th %t. See the #e)t%on KIma*e 9a,#K fo mo e %nfo mat%on about %ma*e ma,#. The !3E! ta* mu#t be u#ed %n#%de a 9!& ta*. See the #e)t%on K9!&K fo deta%"# of the 9!& ta*. ")nta' P!3E! COO3$SRK)oo d#K SH!&ERK#ha,eK H3E4RK"o)at%onK NOH3E4 T!3GETRK7%ndo7NameK ON9O;SEO;TRKout.S)odeK ON9O;SEO8E3RKo-e .S)odeK N!9ERKa eaNameK Q The COO3$S att %bute %# e<u% ed. E%the the H3E4 o the NOH3E4 att %bute mu#t be #u,,"%ed.

www.kinindia.com

www.kinindia.com
C!!R$"ABcoordsB #,e)%f%e# the )oo d%nate# of the a ea. Coo d%nate# a e mea#u ed f om the u,,e "eft )o ne of the %ma*e. The fo mat of the COO3$S -a"ue de,end# on the -a"ue of the SH!&E att %bute. If the SH!&E att %bute %# not #,e)%f%ed0 the #ha,e %# a##umed to be a e)tan*"e0 and the COO3$S -a"ue mu#t be of the fo m K'(0/(0'20/2K. In th%# )a#e0 '( and /( a e the ' and / -a"ue# of the u,,e "eft )o ne of the e)tan*"e0 and '2 and /2 a e the )oo d%nate# of the "o7e "eft )o ne . See the d%#)u##%on of the SH!&E att %bute fo deta%"# of the fo mat of the COO3$S -a"ue fo ea)h k%nd of #ha,e. "H#PEABshapeB #,e)%f%e# the #ha,e of the ma,. Ea)h #ha,e ha# %t# o7n fo m of the COO3$S att %bute: CI3CLE #,e)%f%e# a )% )"e. If the #ha,e %# a )% )"e0 the -a"ue of the COO3$S att %bute mu#t ha-e the fo m K'0/0 K 7he e ' and / a e the )oo d%nate# of the )ente of the )% )"e0 and %# the "en*th of the ad%u#. 3ECT #,e)%f%e# a e)tan*"e. Th%# %# the defau"t0 #o %f /ou do not #,e)%f/ a #ha,e0 %t %# a##umed to be a e)tan*"e. If the #ha,e %# a e)tan*"e0 the -a"ue of the COO3$S att %bute mu#t ha-e the fo m K'(0/(0'20/2K 7he e '( and /( a e the )oo d%nate# of the u,,e "eft )o ne 0 and '2 and /2 a e the )oo d%nate# of the "o7e %*ht )o ne . &OLY o &OLYGON #,e)%f%e# a ,o"/*on of u, to (11 #%de#. If the #ha,e %# a ,o"/*on0 the -a"ue of COO3$S mu#t ha-e the fo m K'(0/(0'20/20...'n0/nK. Ea)h '0/ ,a% %# a ,o%nt 7he e t7o #%de# of the ,o"/*on meet. The "a#t '0/ ,a% %# )onne)ted to the f% #t to en)"o#e the ,o"/*on.

If /ou do not #,e)%f/ a -a"ue fo SH!&E0 the #ha,e %# a##umed to be a e)tan*"e. HRE@ABlocationB #,e)%f%e# the ;3L to %n-oke 7hen a u#e )"%)k# the a ea. >!HRE@ #,e)%f%e# that no ;3L %# %n-oked 7hen a u#e )"%)k# the a ea. T#R ETAB/indo/>ameB #,e)%f%e# the f ame o 7%ndo7 %nto 7h%)h the de#t%nat%on do)ument %# "oaded0 %f the -a"ue of H3E4 %# a ;3L that ,o%nt# to a do)ument.

www.kinindia.com

www.kinindia.com
!>M!<"E!<TABoutC"codeB #,e)%f%e# a .a-aS) %,t e-ent hand"e to e'e)ute 7hen a u#e mo-e# the mou#e )u #o out of the %ma*e o "%nk te't. !>M!<"E!6ERABoverC"codeB #,e)%f%e# a .a-aS) %,t e-ent hand"e to e'e)ute 7hen a u#e mo-e# the mou#e )u #o o-e the %ma*e o "%nk te't. >#MEABarea>ameB #,e)%f%e# the name of the !3E!. Th%# name )an be u#ed to a))e## the !3E! obZe)t f om .a-aS) %,t. <sed Within 9!& E'ample P!3E! SH!&ERCI3CLE COO3$SRK51051025K H3E4RKhtt,:CC777.)henna%ka-%*a".)omK Q P!3E! SH!&ER3ECT COO3$SRK510510(110(11K H3E4RKhtt,:CC777.)henna%ka-%*a".)omK Q

MAP - (mapping information for image map) The 9!& ta* )onta%n# %nfo mat%on about the a)t%-e a ea# %n an %ma*e ma,. !n %ma*e ma, %# a * a,h%) that )an be d%-%ded %nto mu"t%,"e a ea#0 and ea)h a ea of the ma, )an ,o%nt to a d%ffe ent ;3L. When a u#e )"%)k# a #,e)%f%) a ea %n the %ma*e ma,0 Na-%*ato "oad# the ;3L a##o)%ated 7%th the )"%)ked a ea. The e a e t7o d%ffe ent k%nd# of %ma*e ma,#: #e -e +#%de %ma*e ma,# and )"%ent+#%de %ma*e ma,#. 4o #e -e +#%de %ma*e ma,#0 the ma,,%n* %nfo mat%on %# 7 %tten %n a #e,a ate f%"e that e#%de# on the 7eb #e -e . 4o )"%ent+#%de %ma*e ma,#0 the ma,,%n* %nfo mat%on %# )onta%ned %n a 9!& ta* %n the HT9L f%"e that )onta%n# the I9G ta*. The 9!& ta* )onta%n# one o mo e !3E! ta*#. Ea)h !3E! ta* de#) %be# a d%ffe ent a ea %n the %ma*e and #,e)%f%e# the ;3L to 7h%)h %t )onne)t#. To def%ne a )"%ent+#%de %ma*e ma,0 u#e the I9G ta* to #,e)%f/ the %ma*e and #u,,"/ a -a"ue fo %t# ;SE9!& att %bute. The -a"ue of the ;SE9!& att %bute

www.kinindia.com

www.kinindia.com
mu#t be the ,ound ?WB #%*n0 fo""o7ed b/ the name of the 9!& ta* that )onta%n# the ma,,%n* %nfo mat%on0 fo e'am,"e0KWf% #tma,K. If the u#e )"%)k# a ,o%nt "o)ated %n mu"t%,"e o-e "a,,%n* a ea#0 the a ea that %# def%ned f% #t %n the 9!& ta* e#,ond# to the )"%)k. ")nta' P9!& N!9ERKma,NameKQ P!3E! ...Q ... P!3E! ...Q PC9!&Q The N!9E att %bute %# e<u% ed. Bet7een the P9!&Q and PC9!&Q ta*# /ou mu#t ,ut the !3E! ta*# that def%ne the a ea# %n the %ma*e ma,. >#MEABmap>ameB #,e)%f%e# the name of the ma,. ;#e th%# name , e)eded b/ W a# the -a"ue of the ;SE9!& att %bute of the I9G ta* fo the %ma*e ma,. E'ample PI9G S3CRK%ma*e#C#ha,e#.*%fK WI$THR(11 HEIGHTR(11 !LTRK#ha,e#K ;SE9!&RKWma%nma,K P9!& N!9ERKma%nma,KQ P!3E! SH!&ERCI3CLE COO3$SRK51051025K H3E4RKhtt,:CC777.)henna%ka-%*a".)omK Q P!3E! SH!&ER3ECT COO3$SRK510510(110(11K H3E4RKhtt,:CC777.)henna%ka-%*a".)omC, odu)t#C, odu)t#.)omK Q P!3E! SH!&ER3ECT COO3$SRK1010(110(11K H3E4RKhtt,:CC777.)henna%ka-%*a".)omCte)hCdo)#.htm"K Q PC9!&Q Image Maps !n %ma*e ma, %# a * a,h%) that %# d%-%ded %nto one o mo e a ea#0 and ea)h a ea of the ma, )an ,o%nt to a d%ffe ent ;3L. When a u#e )"%)k# a #,e)%f%) a ea %n the %ma*e ma,0 Na-%*ato %n-oke# the ;3L a##o)%ated 7%th the )"%)ked a ea. 4o e'am,"e0 an %ma*e )ou"d )onta%n a )% )"e and a #<ua e. When the u#e )"%)k# the )% )"e0 one 7eb ,a*e o,en#0 and 7hen the u#e )"%)k# the #<ua e a d%ffe ent ,a*e o,en#.

www.kinindia.com

www.kinindia.com
@igure *% $i77erent areas o7 an image map invo0e di77erent <R1"

Ima*e ma,# )an be #e -e +#%de o )"%ent+#%de %ma*e ma,#. The IS9!& att %bute of the I9G ta* %nd%)ate# that the %ma*e %# a #e -e +#%de %ma*e ma,0 7h%"e the ;SE9!& att %bute %nd%)ate# %t %# a )"%ent #%de %ma*e ma,. You )an u#e both the IS9!& and ;SE9!& att %bute# to the I9G ta*. If both a e , o-%ded0 ;SE9!& take# , e)eden)e. Not a"" b o7#e # #u,,o t )"%ent #%de %ma*e ma,#0 #o %f ,o##%b"e0 /ou #hou"d %n)"ude both. W%th a )"%ent+#%de %ma*e ma,0 the %nfo mat%on about 7hat ,a t of the %ma*e %n-oke# 7h%)h ;3L %# )onta%ned %n 9!& and !3E! ta*# %n the HT9L f%"e0 a# d%#)u##ed %n the #e)t%on K9!&.K W%th a #e -e +#%de %ma*e ma,0 the %nfo mat%on about 7hat ,a t of the %ma*e %n-oke# 7h%)h ;3L e#%de# %n a #e,a ate ma,,%n* f%"e on the 7eb #e -e . The fo mat of the ma,,%n* f%"e de,end# on the 7eb #e -e that %# #e -%n* the 7eb ,a*e. It %# be/ond the #)o,e of th%# HT9L efe en)e to *o %nto deta%"# on the #ubZe)tJ ho7e-e the e a e #ome on"%ne tuto %a"# fo %m,"ement%n* #e -e +#%de %ma*e ma,#. If the %ma*e u#e# a #e -e +#%de %ma*e ma,0 %t mu#t be embedded %n#%de an P! H3E4Q ta* 7ho#e ;3L ,o%nt# to a )om,%"ed ma,,%n* f%"e. 4o e'am,"e: P! H3E4RKma,,%n*f%"e.ma,KQ PI9G S3CRKna-ba .*%fK IS9!&Q PC!Q

HTM1 1ist: -ists can add a lot to a Web/age* there are different types of lists and different types of bullets or numbers that can be used. 2ou can have an ordered list 3a* b* c* etc.4 unordered lists 3with bullets4 or you can have definition lists.

www.kinindia.com

www.kinindia.com
Th%# #e)t%on de#) %be# the ta*# fo d%#,"a/%n* "%#t#:
DIR DL DT DD MENU OL UL LI

DIR - (directory list) The DIR tag is intended to display a list of short items such as in a directory listing. In practice, the DIR tag usually does the same thing as the UL (unordered list) tag. To mark the individual items ithin the list, use the LI tag. ! single list item can contain additional paragraphs, marked ith the " tag. This tag is #eing deprecated$ that is, it has #ecome o#solete.

'DIR( ... ')DIR( Example '"(The directory structure is*')"( 'DIR( 'LI("R+DU,T% 'DIR( 'LI(%-!.T-I.htm 'LI(T/"I01 TUT+R.htm ')DIR( 'LI(2ULTI23DI! 'DIR( 'LI(.UR!L!2UD-U.htm 'LI(!RI4+DU 4IL!/!DU.htm ')DIR( 'DIR(

%ynta&

www.kinindia.com

www.kinindia.com
DL - (definition list) The DL tag encloses a definition list. ! definition list contains terms, hich are defined ith the DT tag, and definitions, hich are defined ith the DD tag. 5y default, 0adodi aligns terms on the left and indents each definition on a ne line. -o ever, you can use the ,+2"!,T attri#ute to display a definition on the same line as the preceding term, if it fits on one line. The intent of a definition list is to display lists of terms and their corresponding definitions, such as in a glossary. Syntax 'DL ,+2"!,T( ... ')DL( OM!" T compacts the definition list #y placing the term defined #y the DT tag on the same line as the definition defined #y the DD tag, provided the term is short enough.

Definition List Example The follo ing e&ample defines si& -T2L terms.

'DL( 'DT(-T2L 'DD(This 'DT(-3!D 'DD(This 'DT(5+D/ 'DD(This 'DT(DL 'DD(This 'DT(DT 'DD(This 'DT(DD 'DD(This ')DL(

tag marks a te&t file as an -T2L document. tag encloses the heading for the -T2L document. tag displays the #ody for the -T2L document. tag displays a definition list in the -T2L document. tag displays a term in a definition list. tag displays a definition description.

www.kinindia.com

www.kinindia.com
DT - (definition term) The DT tag specifies a term in a definition list. The DT tag must #e used in a DL tag. Usually a DT tag is follo ed #y a DD tag that descri#es the term in the DT tag. The DT tag does not re6uire a closing tag.

'DT( Used #it$in 'DL(

%ynta&

DD % (Definition description) The DD tag displays a definition description in a definition list. The DD tag must #e used ithin a DL tag and usually follo s immediately after a DT tag that indicates the term #eing defined. The DD tag does not re6uire a closing tag. %ee DL for more details and an e&ample. Syntax 'DD( Used #it$in 'DL( MENU - (list of simple items) The 230U tag displays a list of simple items. This tag tag to designate the individual menu items. orks 7ust like the UL tag. Use the LI

This tag is #eing deprecated #ecause it has #ecome o#solete in favor of the UL tag. Syntax '230U( ... ')230U(

www.kinindia.com

www.kinindia.com
Example The follo ing e&ample creates a list of three short items* '"(2enu 3&ample*')"( '230U( 'LI( 8indo s 9& 'LI( 8indo s 0T 'LI( 8indo s :;;; ')230U(

(. ;no de ed L%#t: > > > > In an uno de ed "%#t ea)h %tem ha# the #ame "ead%n* #/mbo". The %tem %n the "%#t 7%"" be ende ed %n the #ame o de that the/ a e ente ed. Pu"Q ta* %# u#ed to uno de ed the "%#t. P"%Q ta* %# u#ed to "%#t the %tem#.

Syntax T&!E

'UL T/"3<=,IR,L3=>=DI%,=>=%?U!R3=( defines the type of #ullet used for each list item. The value can #e one of the follo ing* IR LE specifies a hollo #ullet. DIS specifies a solid round #ullet (0adodi@s default). S'U"RE specifies a s6uare #ullet.

U n o r d e r L i s t s B u l l e t T y p e s

<

F o r D i s c F o r a l t y p e = " d < i su c l " >t y p

S q e =

u a F r oe r a h o l l o w C i r c l e " s q < u u a l r et y" > p e = " c i r c l e " >

Example

8ul t)peAFdiscF9 8li9Item *8&li9 8li9Item ,8&li9 8&ul9 8ul t)peABsquareB9 8li9Item *8&li9 8li9Item ,8&li9 8&ul9 8ul t)peABcircleB9 8li9Item *8&li9 8li9Item ,8&li9 8&ul9

9utput > > o o :tem1 :tem # :tem1 :tem # :tem1 :tem #

www.kinindia.com

www.kinindia.com
2. O de ed L%#t: > > > >
Syntax '+L %T!RT<=value= T/"3<=!=>=a=>=I=>=i=>=A= ( ... ')+L( ST"RT()*al+e) indicates the starting num#er for the list. The num#er must #e a positive integer. T&!E defines the type of num#ering se6uence used for each list item. The value can #e one of the follo ing* " specifies a se6uence of uppercase letters a specifies a se6uence of lo ercase letters I specifies a se6uence of uppercase Roman numerals i specifies a se6uence of lo ercase Roman numeral , specifies a se6uence of num#ers.
& B u r d e r e d L i s t l l e t T y p e s

In an o de ed "%#t0 ea)h %tem ha# a #e<uent%a" "ead%n* #/mbo". The b o7#e a##%*n# th%# #e<uen)e automat%)a""/. Po"Q ta* %# u#ed to o de ed the "%#t. P"%Q ta* %# u#ed to "%#t the %tem.

R a

o a n p i t a l <

! o l

u t y p

e r a U l sp p e = " " " ><

e r o l

C a s e # l p h t y p e = " # " >

e t i! c au l $ e r e d < o l t y p e = " %

" >

L o

e r C < o l

a s e R o a t y p e = " i " >

n L ! o wu <

e r e Cr a a l s s e # l p h o l t y p e = " a " >

e t i c a

Example

out,ut 8ol9 8li9Item *8&li9 8li9Item ,8&li9 8&ol9 8ol t)peAB#B startABGB9 8li9Item *8&li9 8li9Item ,8&li9 8&ol9 8ol t)peABiB startAB*+B9 8li9Item *8&li9 8li9Item ,8&li9 8&ol9

www.kinindia.com

www.kinindia.com
3. $ef%n%t%on L%#t > > > > ! def%n%t%on "%#t %# a #e<uen)e of te m# and de#) %,t%on of the#e te m#. Pd"Q ta* %# u#ed to %m,"ement def%n%t%on "%#t. PdtQ ta* %# u#ed fo def%n%n* the %tem. PddQ ta* %# u#ed fo def%n%n* the de#) %,t%on.
D e ( i n i t i o n L i s t s

F i r s t ' T y p e

t y p e t i t l e

< h

d lT > h e n ' t o p u t t h eT on a e n t e e r t h e d e or e ( t h e w o r d $ e i n ) d te y ( pi n e e < d d d > t y p e < d t >

e ( i n

i t o

'

LI - (list item) The LI tag indicates an itemiBed element, hich is usually preceded #y a #ullet, a num#er, or a letter. The LI tag is used inside list elements such as +L (ordered list) and UL (unordered list). ! single itemiBed element can contain other tags such as the " tag. The LI tag does not re6uire a closing tag. Syntax 'LI T/"3<=DI%,=>=,IR,L3=>=%?U!R3=>=!=>=a=>=I=>=i=>=A= 4!LU3<=num#er= ( T&!E specifies the type of sym#ol or num#ering se6uence to use #efore each item. DIS specifies a solid #ullet. IR LE specifies a hollo #ullet. S'U"RE specifies a s6uare #ullet. " specifies a se6uence of uppercase letters. a specifies a se6uence of lo ercase letters. I specifies a se6uence of uppercase Roman numerals. i specifies a se6uence of lo ercase Roman numeral. , specifies a se6uence of num#ers. hile the values !, a, I, i,

The values DI%,, ,IR,L3, and %?U!R3 can #e used in unordered lists, and A can #e used in ordered lists that have a numerical se6uence.

www.kinindia.com

www.kinindia.com
-"LUE()n+m.er) indicates the starting num#er for an item in an ordered list. This attri#ute is valid only in an ordered list. %ee +L for information on the types of num#ering availa#le. Used #it$in DIR, DL, +L, UL, 230U Example 'UL( 'LI(Identify 'LI(Identify 'LI(Identify 'LI(Identify ')UL(

items items items items

in in in in

a num#ered list an unordered list a directory list a menu

HT9L Tab"e: > > > >

Tab"e# %n HT9L a e ea#/ to , o* am %f /ou kno7 7hat /ou a e t /%n* to do. Tab"e# "ook "%ke the )ha t# , e#ent on man/ of the#e #"%de#. Tab"e# %n b o7#e # b/ defau"t ha-e no bo de #0 %f /ou 7ant to #ee the ed*e# of /ou tab"e0 /ou ha-e to ,"a)e a bo de )ommand %n#%de the tab"e ta*. You )an a"#o u#e tab"e# to fo mat ,a*e#. In#%de tab"e#0 the te't %# a"7a/# the defau"t of the b o7#e ?b"a)k and #ma""B0 %f /ou 7ant to )han*e th%# font0 /ou mu#t add a Pfont )o"o R@)o"o A andCo #%IeR@'AQ %n#%de ea)h )e"" to make the )han*e. T#.1E C#PTI!> TR T$ TH

T#.1E - 3table4 The T!BLE ta* def%ne# a tab"e. In#%de the T!BLE ta*0 u#e the T3 ta* to def%ne o7# %n the tab"e0 u#e the TH ta* to def%ne o7 o )o"umn head%n*#0 and u#e the T$ ta* to def%ne tab"e )e""#.

www.kinindia.com

www.kinindia.com
The T!BLE ta* )an a"#o )onta%n a C!&TION ta*0 7h%)h #,e)%f%e# the )a,t%on fo the tab"e. You )an #,e)%f/ the 7%dth of the bo de #u ound%n* the tab"e and the defau"t ba)k* ound )o"o of the tab"e. ?Ind%-%dua" o7# and )e""# %n the tab"e )an ha-e the% o7n ba)k* ound )o"o .B You )an u#e the CELLS&!CING att %bute to #,e)%f/ the d%#tan)e bet7een )e""# %n the tab"e and the CELL&!$$ING att %bute to #,e)%f/ the d%#tan)e bet7een the bo de and )ontent of e-e / )e"". If /ou #,e)%f/ the 7%dth and he%*ht of the tab"e0 the b o7#e 7%"" do %t# be#t to make the tab"e f%t the #,e)%f%ed d%men#%on#0 but %n #ome )a#e# th%# ma/ not be ,o##%b"e. 4o e'am,"e0 %f the tab"e )onta%n# )e""# that )onta%n non+7 a,,%n* "on* "%ne#0 the tab"e ma/ not f%t %n a #,e)%f%ed 7%dth. 5ynta( PT!BLE !LIGNRKLE4T\3IGHTK BGCOLO3RK)o"o K BO3$E3RK-a"ueK CELL&!$$INGRK-a"ueK CELLS&!CINGRK-a"ueK HEIGHTRKhe%*htK WI$THRK7%dthK COLSRKnumOfCo"#K HS&!CERKho %I9a *%nK 8S&!CERK-e t9a *%nK Q ... PCT!BLEQ #1I > #,e)%f%e# the ho %Ionta" ,"a)ement of the tab"e. LE4T a"%*n# the tab"e on the "eft ?the defau"tB. The )ontent fo""o7%n* the tab"e f"o7# to the %*ht of the tab"e. 3IGHT a"%*n# the tab"e on the %*ht. The )ontent fo""o7%n* the tab"e f"o7# to the "eft of the tab"e. CENTE3 a"%*n# the tab"e %n the )ente . Content doe# not f"o7 on e%the #%de.

.G$O-OR67color7 #et# the )o"o of the ba)k* ound fo the tab"e. Th%# )o"o )an be o-e %dden b/ a BGCOLO3 ta* %n the TH0 T30 o T$ ta*#.

www.kinindia.com

www.kinindia.com
.!R$ERABvalueB %nd%)ate# the th%)kne##0 %n ,%'e"#0 of the bo de to d a7 a ound the tab"e. G%-e the -a"ue a# an %nte*e . ! -a"ue of 1 mean# the tab"e ha# no bo de . You )an a"#o #u,,"/ the BO3$E3 att %bute 7%thout #,e)%f/%n* a -a"ue fo %t to %nd%)ate that the tab"e ha# a bo de of the defau"t th%)kne##. CE11P#$$I> ABvalueB dete m%ne# the amount of #,a)e0 %n ,%'e"#0 bet7een the bo de of a )e"" and the )ontent# of the )e"". The defau"t %# (. CE11"P#CI> ABvalueB dete m%ne# the amount of #,a)e0 %n ,%'e"#0 bet7een %nd%-%dua" )e""# %n a tab"e. The defau"t %# 2. HEI HTABheightB #,e)%f%e# the he%*ht of the tab"e. The defau"t %# the o,t%ma" he%*ht dete m%ned b/ the )ontent# of ea)h )e"". The he%*ht -a"ue )an be a numbe of ,%'e"#0 *%-en a# an %nte*e 0 o a ,e )enta*e of the he%*ht of the ,a*e o ,a ent e"ement0 *%-en a# an %nte*e fo""o7ed b/ the ,e )ent #%*n. The tab"e %# #)a"ed to f%t the #,e)%f%ed he%*ht and 7%dth. WI$THAB/idthB def%ne# the 7%dth of the tab"e. The defau"t %# the o,t%ma" 7%dth dete m%ned b/ the )ontent# of ea)h )e"". The 7%dth -a"ue )an be a numbe of ,%'e"#0 *%-en a# an %nte*e 0 o a ,e )enta*e of the 7%dth of the ,a*e o ,a ent e"ement0 *%-en a# an %nte*e fo""o7ed b/ the ,e )ent #%*n. The tab"e %# #)a"ed to f%t the #,e)%f%ed he%*ht and 7%dth. C!1"ABnum!7ColsB %nd%)ate# ho7 man/ -% tua" )o"umn# of e<ua" 7%dth f%t %n the 7%dth of the 7%ndo7. Ea)h a)tua" )o"umn %n the tab"e o))u,%e# a -% tua" )o"umn. You 7ou"d t/,%)a""/ #et the COLS att %bute to be e<ua" to the numbe of )o"umn# %n the tab"e to %nd%)ate that a"" the )o"umn# %n the tab"e ha-e the #ame 7%dth.

If the WI$TH att %bute %# #u,,"%ed0 the COLS att %bute %nd%)ate# ho7 man/ -% tua" )o"umn# f%t %n the #,e)%f%ed 7%dth. If the WI$TH att %bute %# not

www.kinindia.com

www.kinindia.com
#u,,"%ed0 the COLS att %bute %nd%)ate# ho7 man/ -% tua" )o"umn# f%t %n the )u ent 7%ndo7 o f ame. Ea)h )o"umn %n the tab"e o))u,%e# one of the -% tua" )o"umn#. Su,,o#e that the WI$TH att %bute %# KH1[K and the COLS att %bute %# :. In th%# )a#e0 ea)h -% tua" )o"umn take# u, 21[ of the 7%dth of the 7%ndo7. Ea)h a)tua" )o"umn %n the tab"e o))u,%e# a -% tua" )o"umn0 #o %t o))u,%e# 21[ of the 7%dth of the 7%ndo70 #o "on* a# the tab"e ha# f om ( to : )o"umn# %n)"u#%-e. Note0 ho7e-e 0 that %f the m%n%mum 7%dth needed to d%#,"a/ the )ontent# of an a)tua" )o"umn %# * eate than the 7%dth of a -% tua" )o"umn0 then the 7%dth of the )o"umn %# e',anded to f%t %t# )ontent#. If the tab"e ha# mo e a)tua" )o"umn# than the COLS -a"ue0 then the )o"umn# %n e')e## of the COLS -a"ue a e d%#,"a/ed %n the m%n%mum 7%dth e<u% ed to f%t the% )ontent#0 and the othe )o"umn# d%-%de the ema%n%n* #,a)e e<ua""/ bet7een them. 4o e'am,"e0 #u,,o#e the tab"e ha# : )o"umn#0 the WI$TH att %bute %# KH1[K0 and the COLS -a"ue %# 3. What ha,,en# he e %# that the tab"e take# u, H1[ of the 7%dth of the 7%ndo7. The fou th )o"umn u#e# the m%n%mum 7%dth ne)e##a / to d%#,"a/ the )ontent# of the )o"umn. The othe 3 )o"umn# d%-%de the ema%n%n* 7%dth of the tab"e e<ua""/ bet7een them. H"P#CEABhori2MarginB #,e)%f%e# the d%#tan)e bet7een the "eft and %*ht ed*e# of the tab"e and an/ #u ound%n* )ontent. 6"P#CEABvertMarginB #,e)%f%e# the d%#tan)e bet7een the to, and bottom ed*e# of the tab"e and an/ #u ound%n* )ontent. E'ample *% # "imple Table% The fo""o7%n* e'am,"e ) eate# a th ee+)o"umn0 fou + o7 tab"e0 7%th a /e""o7 ba)k* ound. The )a,t%on KTab"e# a e a# ea#/ a# one0 t7o0 th eeK %# d%#,"a/ed at the bottom of the tab"e.

www.kinindia.com

www.kinindia.com
PT!BLE BO3$E3 CELL&!$$INGRKHK CELLS&!CINGRK:K BGCOLO3R/e""o7Q PT3QPTHQ En*"%#h PCTHQPTHQ S,an%#h PCTHQPTHQ Ge man PCTHQPCT3Q PT3QPT$Q one PCT$QPT$Q uno PCT$QPT$Q e%n PCT$QPCT3Q PT3QPT$Q t7o PCT$QPT$Q do# PCT$QPT$Q I7e% PCT$QPCT3Q PT3QPT$Q th ee PCT$QPT$Q t e# PCT$QPT$Q d e% PCT$QPCT3Q PC!&TION !LIGNRKBOTTO9KQ PBQTab"e (PCBQ: Tab"e# a e a# ea#/ a# one0 t7o0 th ee PCC!&TIONQ PCT!BLEQ

www.kinindia.com

www.kinindia.com
E'ample ,: # More Comple' Table% The fo""o7%n* e'am,"e ) eate# a fou +)o"umn tab"e. Ea)h o7 ha# a d%ffe ent ba)k* ound )o"o . The "a#t o7 )onta%n# on"/ t7o )e""#0 7h%)h both #,an t7o o7#0 and the #e)ond )e"" #,an# th ee )o"umn#.

PT!BLE CELL&!$$INGR3 CELLS&!CINGR2 BO3$E3R2Q PC!&TION !LIGNRTO&Q PBIGQPBIGQ4u n%tu e 9a tS# To, Se""%n* 4u n%tu e PCBIGQPCBIGQ PCC!&TIONQ PO++ head%n* o7 ++Q PT3 BGCOLO3RWCCCC44Q PTHQN!9EPCTHQ PTHQSE;PCTHQ PTHQ&3ICEPCTHQ PTHQ$ESC3I&TIONPCTHQ PCT3Q PO++ end of head%n* o7 ++Q PO++ fu n%tu e o7# ++Q PT3 BGCOLO3RW$$EE!!Q PTHQHa %et Sm/the ! m)ha% PCTHQ PT$Q(115H:PCT$QPT$Q]2(51PCT$QPT$Qde#) %,t%on *oe# he ePCT$Q PT3Q PT3 BGCOLO3RWCC44CCQ PTHQSt. 9%)hae" SofaPCTHQ PT$Q(115HFPCT$QPT$Q]5111PCT$QPT$Qde#) %,t%on *oe# he ePCT$Q PT3Q PT3 BGCOLO3RWBB$$44Q PTHQ8a %et/ of , %nt#PCTHQ PT$Q+PCT$QPT$Q](11 to ]5111PCT$QPT$Qde#) %,t%on *oe# he ePCT$Q PT3Q PO++ mo e fu n%tu e o7# *o he e ++Q

www.kinindia.com

www.kinindia.com
PO++ "a#t o7 ha# )e""# that #,an o7# and )o"umn# ++Q PT3 BGCOLO3RCY!NQ PTH !LIGNRCENTE3 8!LIGNR9I$$LE 3OWS&!NR2Q P4ONT SIVERX3Q.;LY S!LEOOPC4ONTQPCTHQ PT$ 3OWS&!NR2 COLS&!NR3 !LIGNRCENTE3Q P4ONT SIVERX(Q $onSt m%## ou annua" .u"/ #a"e. !"" the#e , %)e# 7%"" be #"a#hed b/ 51[OOO But on !u* (0 the/ *o ba)k u,0 #o donSt be "ateOO PC4ONTQ PCT$Q PT3Q PCT!BLEQ

www.kinindia.com

www.kinindia.com
C#PTI!> - 3table caption4 The C!&TION ta* def%ne# a )a,t%on fo a tab"e. &"a)e the C!&TION ta* 7%th%n the T!BLE ta* but not %n#%de the T$ o the T3 ta*#0 7h%)h %nd%)ate tab"e )e""# and tab"e o7# e#,e)t%-e"/. >avigator *%*% ")nta' PC!&TION !LIGNRKBOTTO9K\KTO&KQ...PCC!&TIONQ #1I > #,e)%f%e# the ,"a)ement of the )a,t%on 7%th%n a tab"e.

BOTTO9 ,"a)e# the )a,t%on at the bottom of the tab"e. TO& ,"a)e# the )a,t%on at the to, of the tab"e. TO& %# the defau"t.

<sed Within T!BLE E'ample See e'am,"e (. S%m,"e Tab"e. TR - 3table ro/4 The T3 ta* #,e)%f%e# a tab"e o7. ;#e the T3 ta* %n#%de a T!BLE ta*. The T3 ta* )an )onta%n TH ta*#0 7h%)h %nd%)ate tab"e head%n*#0 and T$ ta*#0 7h%)h %nd%)ate tab"e )e""#. ")nta' PT3 !LIGNRKCENTE3\LE4T\3IGHTK 8!LIGNRKB!SELINE\BOTTO9\9I$$LE\TO&K BGCOLO3RK)o"o K Q

www.kinindia.com

www.kinindia.com
... PCT3Q

www.kinindia.com

www.kinindia.com
#1I > #,e)%f%e# the ho %Ionta" ,"a)ement of the tab"e:

CENTE3 )ente # the tab"e . LE4T a"%*n# the tab"e to the "eft ?the defau"tB. 3IGHT a"%*n# the tab"e to the %*ht.

6#1I > #,e)%f%e# the -e t%)a" ,"a)ement of the )ontent %n the )e"":

B!SELINE a"%*n# the )ontent 7%th the )e""S# ba#e"%ne. BOTTO9 a"%*n# the )ontent 7%th the )e""S# bottom. 9I$$LE )ente # the )ontent 7%th%n the )e"" ?the defau"tB. TO& a"%*n# the )ontent 7%th the )e""S# to,.

. C!1!RABcolorB #et# the defau"t )o"o of the ba)k* ound of the tab"e o7. Tab"e )e""# def%ned 7%th the T$ ta* %n#%de the o7 )an #et the% o7n ba)k* ound )o"o . <sed /ithin T!BLE E'ample See e'am,"e (. S%m,"e Tab"e.

T$ - 3table data4 The T$ ta* #,e)%f%e# te't %n a )e"" %n a tab"e. ;#e the T$ ta* %n#%de a T3 ta* %n#%de a T!BLE ta*. You )an #et the ba)k* ound )o"o of a )e"" b/ #,e)%f/%n* %t# BGCOLO3 att %bute. 4o ea)h )e""0 /ou )an u#e the COLS&!N and 3OWS&!N att %bute# to #,e)%f/ ho7 man/ )o"umn# and o7# the )e"" #,an#.

www.kinindia.com

www.kinindia.com
To #,e)%f/ the d%#tan)e bet7een )e""#0 #et the CELLS&!CING att %bute %n the T!BLE ta*. To #,e)%f/ the d%#tan)e bet7een the bo de # of ea)h )e"" and %t# )ontent#0 #et the CELL&!$$ING att %bute %n the T!BLE ta*. !"" )e""# %n a tab"e ha-e the #ame ,add%n* and #,a)%n*. If a )e"" %# em,t/0 that %#0 the PT$Q ta* %# %mmed%ate"/ fo""o7ed b/ the PCT$Q ta*0 the #,a)e o))u,%ed b/ the )e"" %n the tab"e %# )om,"ete"/ em,t/. That %#0 the )e"" ha# no )ontent0 no ba)k* ound )o"o 0 and no bo de . Ho7e-e 0 #u,,o#e /ou ha-e a fou )o"umn tab"e0 but /ou ha-e no data fo the #e)ond )o"umn %n one of the o7#. You #hou"d #t%"" , o-%de the #e)ond T$ ta* fo that o70 be)au#e %f /ou "ea-e %t out the tab"e 7%"" )"o#e the *a, and mo-e the th% d )e"" %nto the #e)ond )o"umn. The o7 7%"" end u, ha-%n* th ee )o"umn# on"/0 and %t 7%"" not be a"%*ned 7%th the e#t of the tab"e. If /ou 7ant an em,t/ )e"" to "ook "%ke othe )e""# %n the tab"e0 /ou )an *%-e %t a ,e %od o a da#h to %nd%)ate that the data %# unkno7n0 fo e'am,"e0 PT$Q + PCT$Q. 5ynta( PT$ !LIGNRKCENTE3\LE4T\3IGHTK 8!LIGNRKB!SELINE\BOTTO9\9I$$LE\TO&K BGCOLO3RK)o"o K COLS&!NRK-a"ueK 3OWS&!NRK-a"ueK HEIGHTRK,%'e"He%*htK WI$THRK,%'e"W%dthK NOW3!&RK-a"ueK Q ... PCT$Q #1I > #,e)%f%e# the ho %Ionta" ,"a)ement of the )ontent# of the tab"e )e"":

CENTE3 )ente # the )ontent 7%th%n the )e"". LE4T a"%*n# the )ontent 7%th the )e""S# "eft ed*e ?the defau"tB. 3IGHT a"%*n# the )ontent 7%th the )e""S# %*ht ed*e.

6#1I >

www.kinindia.com

www.kinindia.com
#,e)%f%e# the -e t%)a" ,"a)ement of the )ontent# of the )e"":

B!SELINE a"%*n# the )ontent 7%th the )e""S# ba#e"%ne. BOTTO9 a"%*n# the )ontent 7%th the )e""S# bottom. 9I$$LE )ente # the )ontent 7%th%n the )e"" ?the defau"tB. TO& a"%*n# the )ontent 7%th the )e""S# to,.

. C!1!RABcolorB #et# the )o"o of the ba)k* ound of the tab"e )e"". C!1"P#>ABvalueB %nd%)ate# the numbe of )o"umn# the )e"" #,an#. G%-e the numbe a# an %nte*e . R!W"P#>ABvalueB %nd%)ate# the numbe of o7# the )e"" #,an#. G%-e the -a"ue a# an %nte*e . HEI HTABpi'elHeightB #,e)%f%e# the #u**e#ted he%*ht of the tab"e )e""0 %n ,%'e"#. WI$THABpi'elWidthB #,e)%f%e# the #u**e#ted 7%dth of the tab"e )e""0 %n ,%'e"#. >!WR#P #,e)%f%e# that the "%ne# 7%th%n a )e"" )annot be b oken ?that %#0 the/ do not 7 a, onto the ne't "%neB. <sed Within T!BLE and T3 E'ample See e'am,"e (. S%m,"e Tab"e.

TH - 3table heading4

www.kinindia.com

www.kinindia.com
The TH ta* #,e)%f%e# a tab"e )e"" 7ho#e )ontent# a e u#ua""/ d%#,"a/ed %n a bo"de font than tho#e of e*u"a tab"e )e""#. The %ntent of the TH ta* %# that /ou u#e %t fo )o"umn o o7 head%n*#. ")nta' PTH !LIGNRKCENTE3\LE4T\3IGHTK 8!LIGNRKB!SELINE\BOTTO9\9I$$LE\TO&K BGCOLO3RK)o"o K COLS&!NRK-a"ueK 3OWS&!NRK-a"ueK HEIGHTRK,%'e"He%*htK WI$THRK,%'e"W%dthK NOW3!& Q ... PCTHQ

www.kinindia.com

www.kinindia.com
#1I > #,e)%f%e# the ho %Ionta" ,"a)ement of the head%n* %n the tab"e )e"":

CENTE3 )ente # the )ontent 7%th%n the )e"". LE4T a"%*n# the )ontent 7%th the )e""S# "eft ed*e ?the defau"tB. 3IGHT a"%*n# the )ontent 7%th the )e""S# %*ht ed*e.

6#1I > #,e)%f%e# the -e t%)a" ,"a)ement of the )ontent# of the )e"":

B!SELINE a"%*n# the )ontent 7%th the )e""S# ba#e"%ne. BOTTO9 a"%*n# the )ontent 7%th the )e""S# bottom. 9I$$LE )ente # the )ontent 7%th%n the )e"" ?the defau"tB. TO& a"%*n# the )ontent 7%th the )e""S# to,.

. C!1!RABcolorB #et# the )o"o of the ba)k* ound of the tab"e head%n*. Th%# )o"o )an be o-e %dden b/ a BGCOLO3 ta* %n the T$ ta*# 7%th%n the TH ta*. C!1"P#>ABvalueB %nd%)ate# the numbe of )o"umn# the )e"" #,an#. R!W"P#>ABvalueB %nd%)ate# the numbe of o7# the )e"" #,an#. HEI HTABpi'elHeightB #,e)%f%e# the #u**e#ted he%*ht of the tab"e )e""0 %n ,%'e"#. WI$THABpi'elWidthB #,e)%f%e# the #u**e#ted 7%dth of the tab"e )e""0 %n ,%'e"#. >!WR#P #,e)%f%e# that the "%ne# 7%th%n a )e"" )annot be b okenJ that %#0 the/ do not 7 a, onto the ne't "%ne.

www.kinindia.com

www.kinindia.com

Ta* Ptab"eQ Ptab"e bo de RA'AQ Ptab"e bo de )o"o R A)o"o AQ Ptab"e 7%dthRA'AQ

Whe e Befo e Sta t of Tab"e In#%de Tab"e Ta* In#%de Tab"e Ta* In#%de Tab"e Ta*

What Be*%n# Tab"e G%-e# Tab"e a Bo de !dd# Co"o to the Bo de 3e#t %)t# tab"e #%Ie

End Whe e PCtab"eQ $onGt 4o *et to EndOOO None None None None

E't a

Be #u e to add a bo de R ta* %f /ou 7ant to #ee the bo de O !"" numbe # a e %n ,%'e"# 9ake #u e that /ou ,ut the )o"o %n @<uote#A and that %f /ou a e u#%n* a nume %)a" )o"o )ode that /ou be #u e to %n)"ude the W It %# done %n ,e )ent# o %n ,%'e"#. ! ,e )ent %# de,endent u,on the 7%dth of the ,a*e0 and %t 7%"" )han*e %f the ,e #on )han*e# the #%Ie of the b o7#e 7%ndo7. 9ea#u ed %n ,%'e"#

None

None

Ptab"e )e"",add%n*R A'AQ

In#%de Tab"e Ta*

Ptab"e )e"",a)%n*RA 'AQ Pt Q

In#%de Tab"e Ta* !fte Ptab"eQ ta* !fte Pt Q ta* In#%de PtdQ ta* In#%de PtdQ ta*

!dd# S,a)e bet7een the )ontent# of the tab"e and the tab"e bo de !dd# S,a)e bet7een the Ce""# Be*%n# a o7 %n the tab"e Be*%n# a )o"umn Enab"e# /ou to make one )e"" "a *e than othe # Enab"e# /ou to make one )e"" "a *e than othe #

None

None

None

None

9ea#u ed %n ,%'e"#

PCt Q

!fte o7

PtdQ

PCtdQ

Ptd )o"#,anRA'A Q Ptd o7#RA'AQ

None

!fte /ouG-e added the )e"" )ontent None

! o7 %# ho %Ionta"0 be #u e to end /ou o70 o /ou 7%"" end u, 7%th /ou tab"e be%n* fo matted 7 on* It %# the -e t%)a" #e,a ato of the o7Ctab"e. Be #u e to end /ou PtdQ and #ta t a ne7 one befo e /ou add a ne7 )e"" It make# the )e"" #,an mo e )o"umn# than the e#t. If /ou had a )o"#,an of 20 /ou 7ou"d #,an 2 )o"umn#. It make# the )e"" #,an mo e o7# than the e#t. If /ou had a ente ed o7#RA2A /ou 7ou"d #,an t7o o7#.

None

None

Tab"e Ta* %# u#ed to $ef%ne a tab"e ! tab"e %# d%-%ded %nto o7# ?7%th the Pt Q ta*B0 and ea)h o7 %# d%-%ded %nto data )e""# ?7%th the PtdQ ta*B

www.kinindia.com

www.kinindia.com
8table borderAB*B9 8tr9 8td9ro/ *= cell *8&td9 8td9ro/ *= cell ,8&td9 8&tr9 8tr9 8td9ro/ ,= cell *8&td9 8td9ro/ ,= cell ,8&td9 8&tr9 8&table9 Tab"eS# !tt %bute#

bo de ?e'am,"eB Th%# #,e)%f%e# the 7%dth %n ,%'e"# of the bo de a ound the tab"e Th%# %# %n add%t%on to the bo de a ound ea)h )e"" ?the K)e""#,a)%n*KB. The defau"t %# Ie o

)e""#,a)%n* ?e'am,"eB Th%# *%-e# the #,a)e %n ,%'e"# bet7een adZa)ent )e""#. The defau"t %# u#ua""/ about 3

)e"",add%n* ?e'am,"eB S,e)%f%e# the #,a)e bet7een the )e"" 7a""# and )ontent# The defau"t %# u#ua""/ about (

7%dth Th%# #,e)%f%e# the 7%dth of the tab"e In ,%'e"# ?Ptab"e 7%dthRK251KQB0 o !# a ,e )enta*e of the )u ent b o7#e 7%ndo7 7%dth ?Ptab"e 7%dthRK55[KQB

u"e# ?e'am,"eB S,e)%f%e# the ho %Ionta"C-e t%)a" d%-%de "%ne#. 9u#t be u#ed %n )onZun)t%on 7%th the Kbo de K att %buteO

f ame ?e'am,"eB S,e)%f%e# 7h%)h oute bo de # a e d a7n !"" fou a e d a7n %f th%# att %bute %# om%tted

Tab"e 3o7 ?trB $ef%ne ea)h o7 %n the tab"e Ea)h o7 ma/ )onta%n tab"e heade ?thB and tab"e data ?tdB e"ement#

www.kinindia.com

www.kinindia.com
!tt %bute#: a"%*n: Ho %Ionta" a"%*nment 8a"ue#: K"eftK0 K)ente K0 K %*htK0 KZu#t%f/K0 K)ha K -a"%*n: 8e t%)a" a"%*nment 8a"ue#: Kto,K0 Km%dd"eK0 KbottomK Tab"e Heade ?thB and Tab"e $ata ?tdB $ef%ne a tab"e )e"" !tt %bute# )o"#,an $ef%ne# a head%n* o )e"" data ent / that #,an# mu"t%,"e )o"umn# o7#,an $ef%ne# a head%n* o )e"" data ent / that #,an# mu"t%,"e o7# a"%*n K"eftK0 K %*htK0 K)ente K0 KZu#t%f/K0 K)ha K e.*.:0 the fo""o7%n* a"%*n# ent %e# on a de)%ma" ,o%nt Ptd a"%*nRK)ha K )ha RK.KQTPCtdQ -a"%*n Kto,K0 KbottomK0 Km%dd"eK 7%dth0 he%*ht Ce"" 7%dth and he%*ht %n ,%'e"# on"/ ?no ,e )enta*e# off%)%a""/ a""o7edB HT9L 4 ame#: @rames and @ramesets

Th%# #e)t%on d%#)u##e# the ta*# fo ) eat%n* f ame# and f ame #et#. ! f ame %# e*%on of a 7%ndo7 that a)t# a# a 7%ndo7 %t#e"f. The ma%n 7%ndo7 )an )onta%n mu"t%,"e f ame#0 #o that d%ffe ent e*%on# of the 7%ndo7 d%#,"a/ d%ffe ent )ontent#. ! f ame #et %# a #et of f ame#. @R#ME @R#ME"ET >!@R#ME"

www.kinindia.com

www.kinindia.com

@R#ME - 3/indo/ region4 The 43!9E ta* ) eate# a f ame0 7h%)h %# an %nd%-%dua"0 %nde,endent"/ #) o""ab"e e*%on of a 7eb b o7#e . You )an th%nk of %t a# a 7%ndo7 7%th%n a 7%ndo7. The 43!9E ta* mu#t be u#ed 7%th%n a 43!9ESET ta*. The 43!9ESET ta* )onta%n# a #et of 43!9E ta*#0 7h%)h ea)h def%ne a f ame %n the ma%n 7%ndo7. Ea)h f ame ha# a d%#t%n)t ;3L that dete m%ne# the )ontent d%#,"a/ed b/ the f ame. You )an #,e)%f/ 7hethe o not a f ame ha# a bo de 0 7hethe o not %t ha# ma *%n#0 7hethe o not the u#e )an e#%Ie %t d/nam%)a""/0 and 7hethe o not %t %# #) o""ab"e. ")nta' P43!9E BO3$E3COLO3RK)o"o K 43!9EBO3$E3RKYESK\KNOK 9!3GINHEIGHTRKma *%nHe%*htK 9!3GINWI$THRKma *%nW%dthK N!9ERKf ameNameK NO3ESIVE SC3OLLINGRKYESK\KNOK\K!;TOK S3CRK;3LK Q The ;3L ta* %# e<u% ed. .!R$ERC!1!RABcolorB #,e)%f%e# the )o"o of the f ameS# bo de #. Be)au#e f ame# #ha e bo de #0 Na-%*ato mu#t e#o"-e an/ bo de )o"o )onf"%)t#. @R#ME.!R$ER

www.kinindia.com

www.kinindia.com
dete m%ne# 7hethe o not the f ame ha# -%#%b"e bo de #.

YES e#u"t# %n an out"%ne+3$ bo de . NO #u,, e##e# the 3$ bo de .

When the 43!9EBO3$E3 att %bute a,,ea # %n a 43!9ESET ta*0 %t #et# a defau"t 43!9EBO3$E3 -a"ue fo a"" f ame# %n the f ame#et. When the 43!9EBO3$E3 att %bute a,,ea # %n the 43!9E ta*0 %t a,,"%e# on"/ to that ,a t%)u"a f ame0 o-e %d%n* an/ 43!9EBO3$E3 att %bute e#tab"%#hed b/ an oute 43!9ESET ta*. ! bo de #ha ed bet7een f ame# %# ,"a%n on"/ %f a"" adZa)ent f ame# ha-e the 43!9EBO3$E3 att %bute #et to NO. When ne%the a 43!9E no a 43!9ESET ta* *o-e n%n* that 43!9E ha# #et the 43!9EBO3$E3 att %bute0 the defau"t #ett%n* %# YES. ,%RG'8+ 'G+T67margin+eight7 #,e)%f%e# a ma *%n0 %n ,%'e"#0 bet7een the to, and bottom ed*e# of the f ame and the f ame )ontent#. M#R I>WI$THABmarginWidthB #,e)%f%e# a ma *%n0 %n ,%'e"#0 bet7een the "eft and %*ht ed*e# of the f ame and the f ame )ontent#.

www.kinindia.com

www.kinindia.com
>#MEAB7rame>ameB #,e)%f%e# the name of the f ame. The -a"ue of the N!9E att %bute mu#t be*%n 7%th an a",hanume %) )ha a)te . >!RE"IHE #,e)%f%e# that u#e # )annot e#%Ie the f ame. If a f ame adZa)ent to an ed*e %# not e#%Iab"e0 the ent% e ed*e %# not e#%Iab"e0 and )on#e<uent"/ othe f ame# adZa)ent to that ed*e a e not e#%Iab"e. "CR!11I> #,e)%f%e# 7hethe #) o""ba # a e a-a%"ab"e on a f ame:

YES #,e)%f%e# that #) o""ba # a e a"7a/# a-a%"ab"e. NO #,e)%f%e# that #) o""ba # a e ne-e a-a%"ab"e. !;TO #,e)%f%e# that the b o7#e dete m%ne# 7hethe to d%#,"a/ #) o"" ba # ba#ed on the #%Ie of the f ame and %t# )ontent. If /ou do not #,e)%f/ a -a"ue fo SC3OLLING0 the defau"t -a"ue %# !;TO.

"RCAB<R1B #,e)%f%e# the ;3L fo the do)ument to be d%#,"a/ed %n the f ame. The ;3L )annot %n)"ude an an)ho nameJ fo e'am,"e 43!9E S3CRKdo)2.htm"W)o"o #K %# %n-a"%d. If /ou do not #,e)%f/ the S3C att %bute0 the f ame %# d%#,"a/ed 7%th no )ontent. <sed Within 43!9ESET E'ample See 4 ame#t e'am,"e (. S%m,"e 4 ame#et 7%th t7o f ame#.

www.kinindia.com

www.kinindia.com
@R#ME"ET - 3set o7 7rames4 The 43!9ESET ta* def%ne# a #et of f ame# that a,,ea %n a 7eb b o7#e 7%ndo7. The 43!9ESET ta* )onta%n# one o mo e 43!9E ta*# that ea)h de#) %be a f ame. The on"/ ,"a)e the 43!9ESET ta* )an be u#ed %# %n a f ame def%n%t%on do)ument0 7h%)h %# an HT9L do)ument that )onta%n# the 43!9ESET and 43!9E ta*# that de#) %be the f ame#et# and f ame# that make u, a Na-%*ato 7%ndo7. !n HT9L do)ument that )onta%n# a 43!9ESET ta* )annot )onta%n a BO$Y ta*. ! f ame#et )an #,e)%f/ that %t# f ame# a e "a%d out %n o7# o )o"umn#. If /ou 7ant /ou f ame#et to ha-e o7# and )o"umn#0 athe than Zu#t o7# o )o"umn#0 /ou )an u#e 43!9ESET ta*# ne#ted %n#%de 43!9ESET ta*#. 4o e'am,"e0 /ou )ou"d def%ne a f ame#et that ha# t7o )o"umn#0 7he e the f% #t )o"umn )onta%n# a f ame#et that ha# t7o o7# and the #e)ond )o"umn )onta%n# a f ame#et that ha# : o7#. You )an #,e)%f/ the bo de th%)kne## fo a"" f ame# %n a to,+"e-e" f ame#et. You )an a"#o #,e)%f/ 7hethe o not a"" f ame# %n a #et d%#,"a/ the% bo de b/ defau"t and 7hat )o"o the bo de u#e#. Ind%-%dua" f ame# %n the #et )an o-e %de the defau"t to #,e)%f/ 7hethe o not the/ d%#,"a/ the% bo de 0 and 7hat )o"o the% bo de u#e#. You )an #,e)%f/ a)t%on# to o))u 7hen the 7%ndo7 d%#,"a/%n* the f ame#et *et# o "o#e# fo)u#0 and /ou )an #,e)%f/ a)t%on# to o))u 7hen the f ame#et %# "oaded o un"oaded. When /ou def%ne a "%nk0 ?u#%n* the P! H3E4Q ta*B /ou )an #,e)%f/ %n 7h%)h f ame the de#t%nat%on do)ument %# d%#,"a/ed0 b/ *%-%n* the name of the f ame a# the -a"ue of the "%nkS# T!3GET att %bute. It %# ,o##%b"e to def%ne a "%nk to )han*e the )ontent of mu"t%,"e f ame# %n one *o b/ u#%n* the ONCLICE att %bute of the "%nk. To do th%#0 #et the -a"ue of the "%nkS# ONCLICE att %bute to .a-aS) %,t )ode that )han*e# the "o)at%on ?#ou )eB of one o mo e f ame#. 4o e'am,"e0 the f%"e f ame#et.htm o,en# a 7eb ,a*e that ha# th ee f ame#. If /ou )"%)k a "%nk %n the "eft f ame0 both the othe f ame# u,date. You )an o,en the f%"e f amto).htm and -%e7 %t# #ou )e to #ee the )ode fo the "%nk# that u,date mu"t%,"e f ame#.

www.kinindia.com

www.kinindia.com
You )an u#e the NO43!9ES ta* %n#%de a 43!9ESET ta* to , o-%de# a"te nat%-e )ontent fo b o7#e # that )annot d%#,"a/ f ame#.

www.kinindia.com

www.kinindia.com
")nta' P43!9ESET COLSRK)o"umnW%dthL%#tK 3OWSRK o7He%*htL%#tK BO3$E3RK,%'W%dthK BO3$E3COLO3RK)o"o K 43!9EBO3$E3RKYESK\KNOK ONBL;3RK.S)odeK ON4OC;SRK.S)odeK ONLO!$RK.S)odeK ON;NLO!$RK.S)odeK Q ... PC43!9ESETQ You mu#t #u,,"/ at "ea#t one of the COLS o 3OWS att %bue#. C!1"ABcolumnWidth1istB #,e)%f%e# a )omma+#e,a ated "%#t of -a"ue# *%-%n* the 7%dth of ea)h f ame %n the f ame#et. If one of the -a"ue# %# m%##%n*0 the b o7#e #%Ie# the )o e#,ond%n* f ame to f%t the #,a)e a-a%"ab"e. The b o7#e ma/ a,, o'%mate #ome -a"ue# to make the tota" 7%dth of the )o"umn# e<ua" to the 7%dth of the 7%ndo7. The -a"ue of ea)h %tem %n the )o"umnW%dthL%#t )an be one of the fo""o7%n*: W%dth of a f ame %n ,%'e"#. W%dth of a f ame a# a ,e )enta*e of %t# ,a ent f ame o 7%ndo7. !n a#te %#k ?UB0 7h%)h mean# Ka# mu)h #,a)e a# ,o##%b"e0K 7h%)h %# the #,a)e "eft o-e afte #,a)e ha# been a""o)ated to a"" )o"umn# that #,e)%f/ the% 7%dth a# ,%'e" -a"ue o a ,e )enta*e -a"ue . The tota" a-a%"ab"e "eft+o-e #,a)e %# d%-%ded e<ua""/ bet7een a"" )o"umn# that u#e an a#te %#k.

ROW567row+eight-ist7 #,e)%f%e# a )omma+#e,a ated "%#t of -a"ue# *%-%n* the he%*ht of ea)h f ame %n the f ame#et. If one of the -a"ue# %# m%##%n*0 the )o e#,ond%n* f ame %# #%Ied to f%t the #,a)e a-a%"ab"e. The b o7#e ma/ a,, o'%mate #ome -a"ue# to make the tota" he%*ht of the o7# e<ua" to the he%*ht of the 7%ndo7. Ea)h %tem %n o7He%*htL%#t )an be one of the fo""o7%n*:

www.kinindia.com

www.kinindia.com
He%*ht of a f ame %n ,%'e"#. He%*ht of a f ame a# a ,e )enta*e of the ,a ent f ame o 7%ndo7. !n a#te %#k ?UB 7h%)h mean# Ka# mu)h #,a)e a# ,o##%b"e0K 7h%)h %# the #,a)e "eft o-e afte #,a)e ha# been a""o)ated to a"" o7# that #,e)%f/ the% he%*ht a# ,%'e" -a"ue o a ,e )enta*e -a"ue . The tota" a-a%"ab"e "eft+o-e #,a)e %# d%-%ded e<ua""/ bet7een a"" o7# that u#e an a#te %#k.

www.kinindia.com

www.kinindia.com
.OR# R67pi(Width7 #,e)%f%e# the th%)kne## of f ame bo de # fo a"" f ame# %n an oute mo#t f ame#et. ! #ett%n* of 1 )au#e# a"" f ame# %n the f ame#et to ha-e no bo de bet7een them. ! #ett%n* of 3 )au#e# a bo de of 3 ,%'e"#. If no BO3$E3 ta* %# , e#ent0 the defau"t %# 5 ,%'e"#. The BO3$E3 ta* )an be u#ed on"/ on an oute mo#t 43!9ESET ta*. .!R$ERC!1!RABcolorB #,e)%f%e# the )o"o of a f ameS# bo de #. Be)au#e f ame bo de # a e #ha ed0 Na-%*ato mu#t e#o"-e an/ bo de )o"o )onf"%)t#. (. !n/ BO3$E3COLO3 att %bute a,,ea %n* %n the oute mo#t 43!9ESET ha# the "o7e#t , %o %t/. 2. Th%# att %bute %# o-e %dden b/ an/ att %bute u#ed %n a ne#ted 43!9ESET ta*. 3. 4%na""/0 an/ BO3$E3COLO3 att %bute %n the )u ent 43!9E ta* o-e %de# a"" , e-%ou# 43!9ESET ta* #ett%n*#. If the e %# a )onf"%)t fo t7o )o"o # of e<ua" , %o %t/ both #et on the #ame ed*e0 the beha-%o %# undef%ned. 1R%, .OR# R dete m%ne# ho7 f ame bo de # a e d%#,"a/ed.

YES e#u"t# %n an out"%ne+3$ bo de . NO #u,, e##e# the 3$ bo de .

When the 43!9EBO3$E3 att %bute a,,ea # %n the 43!9ESET ta*0 %t #et# a defau"t 43!9EBO3$E3 -a"ue fo a"" f ame# %n that f ame#et. When the 43!9EBO3$E3 att %bute a,,ea # %n a 43!9E ta*0 %t a,,"%e# on"/ to that ,a t%)u"a f ame0 o-e %d%n* an/ 43!9EBO3$E3 att %bute #,e)%f%ed b/ an oute 43!9ESET ta*. ! bo de #ha ed bet7een f ame# %# ,"a%n on"/ %f a"" adZa)ent f ame# ha-e the 43!9EBO3$E3 att %bute #et to NO. When ne%the a 43!9E no a 43!9ESET ta* *o-e n%n* that 43!9E ha# #et the 43!9EBO3$E3 att %bute0 the defau"t #ett%n* %# YES. !>.1<RABC"codeB

www.kinindia.com

www.kinindia.com
#,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen the 7%ndo7 )onta%n%n* the f ame#et "o#e# fo)u#. !>@!C<"ABC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen the 7%ndo7 )onta%n%n* the f ame#et *et# fo)u#.

www.kinindia.com

www.kinindia.com
!>1!#$ABC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen the f ame#et %# "oaded %nto the f ame. !><>1!#$ABC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen the f ame#et %# un"oaded ?e'%tedB. @rameset E'ample *% "imple @rameset With T/o @rames The fo""o7%n* e'am,"e ) eate# a #et of t7o f ame#. The f ame#et %# ke,t %n a do)ument f%"e0 #u)h a# %nde'.htm"0 that )onta%n# no othe %nfo mat%on. When u#e # o,en th%# ,a*e %n the% 7eb b o7#e 0 the 43!9ESET ta* "oad# the %nd%-%dua" ;3LS efe en)ed %n the 43!9E ta*#.

PHT9LQ PHE!$Q PTITLEQS%m,"e 4 ame Set E'am,"ePCTITLEQPCHE!$Q P43!9ESET COLSRK21[0H1[K BO3$E3R(1Q P43!9E S3CRK#%m,"to).htmK N!9ERKe'am,"eto)KQ P43!9E S3CRKfo m#.htmK N!9ERKe'am,"e)ontentKQ PNO43!9ESQYou mu#t u#e a b o7#e that )an d%#,"a/ f ame# to #ee th%# ,a*e. PCNO43!9ESQ PC43!9ESETQ PCHT9LQ

The t7o f ame# a,,ea a# )o"umn# be)au#e COLS %# #,e)%f%ed 7%th%n the 43!9ESET ta*. The "eft f ame u#e# 31[ of the a-a%"ab"e #,a)e0 and the %*ht f ame u#e# the ema%n%n* 51[ of the #,a)e. B/ defau"t0 the f ame# %n th%# e'am,"e ha-e #) o""ba # and a e e#%Iab"e0 be)au#e no -a"ue# a e #,e)%f%ed fo the SC3OLLING and NO3ESIVE att %bute#. E'ample ,: >ested @rames The fo""o7%n* e'am,"e ) eate# a f ame#et that )onta%n# a ne#ted f ame#et. The oute mo#t f ame#et ha# t7o )o"umn#. The #e)ond )o"umn )onta%n# a ne#ted f ame#et that ha# t7o o7#.

www.kinindia.com

www.kinindia.com

PHT9LQPHE!$QPTITLEQ4 ame Set E'am,"ePCTITLEQPCHE!$Q P43!9ESET COLSRK21[0UKQ PNO43!9EQYou mu#t u#e a b o7#e that )an d%#,"a/ f ame# to #ee th%# ,a*e.PCNO43!9EQ P43!9E S3CRKf ameto).htmK N!9ERKnonameKQ P43!9ESET 3OWSRK31[0UKQ P43!9E S3CRKf to)(.htmK N!9ERKto,to)KQ P43!9E S3CRKf #ta t.htmK N!9ERKoute KQ PC43!9ESETQ PC43!9ESETQ PCHT9LQ

one of the "%nk# )au#e# both f ame# %n the %*ht )o"umn to )han*e the% )ontent. To #ee the #ou )e )ode that enab"e# a "%nk to u,date mu"t%,"e f ame# %n one *o0 o,en the ,a*e f ameto).htm and -%e7 %t# #ou )e.

>!@R#ME" - 3alternative te't 7or 7rames4 The NO43!9ES ta* #,e)%f%e# )ontent that %# d%#,"a/ed b/ b o7#e # that do not kno7 ho7 to d%#,"a/ f ame#. B o7#e # that )an d%#,"a/ f ame# %*no e a"" te't %n the NO43!9ES ta*# un"e## a f%"e )a""ed b/ a f ame ta* %# m%##%n* o un ea)hab"e b/ the b o7#e . &"a)e the NO43!9ES ta* 7%th%n the 43!9ESET ta*. ")nta' PNO43!9ESQ...PCNO43!9ESQ <sed Within P43!9ESETQ

HT9L 4o m#:

www.kinindia.com

www.kinindia.com
> > 4o m %# a "a/out )om,onent u#ed %n 7eb ,a*e to %nte a)t the u#e . 4o m %# a"#o u#ed to "%nk the anothe ,a*e o anothe fo m ba#ed on the a)t%on .

4o m L In,ut Ta*:

www.kinindia.com

www.kinindia.com

>

L%#t of )om,onent Te't Te't ! ea Labe" Button Che)k bo' 3ad%o button 9enu#

(. Te't >
>

Te't )om,onent %# u#ed to %n#e t a te't %n 7eb ,a*e. PIn,utQ ta* %# u#ed to %n#e t a te't )om,onent %n do)ument. Gene a" fo m

>

www.kinindia.com

www.kinindia.com
P%n,ut t/,eRAte'tA #%IeR25 -a"ueR @ @Q 2. Te't ! ea > > Te't ! ea )om,onent %# u#ed to feed mu"t%,"e "%ne of te't. !tt %bute %n te't a ea )om,onent. > 3o7 3o7 att %bute u#ed to denote the tota" numbe of o7# %n the te't a ea. > Co"umn Co"umn att %bute %# u#ed to denote the numbe of )o"umn %n the te't a ea. > Name Name att %bute %# u#ed to denote the name of the te't a ea.
>

W a, W a, att %bute %# u#ed to 7 a, the te't %n#%de the te't a ea.

> >

Pte't a eaQ ta* %# u#ed to %n#e t the te't a ea %n the 7eb do)ument. Gene a" fo m:
o

Pte't a ea )o"#RA-a"ueA o7#RA-a"ue#A Q++++PCte't a eaQ

>

E'am,"e:
o

Pte't a ea )o"#RA51A o7#RA:1A nameRAnameAQ+++PCte't a eaQ

3. Labe"
> >

Labe" ta* %# u#ed to ) eate te't bo' to f%"" the te't. Th%# ta* ha# #ta t%n* ta* ?P"abe"QB and end%n* ta* ?PC"abe"QB. E'am,"e o P"abe"Q Name P%n,ut t/,eRte't #%IeR:1Q++PC"abe"Q

>

:. Button >

www.kinindia.com

www.kinindia.com
5. Che)k bo' > > Che)k bo' )om,onent %# u#ed to ,"a)e the )he)kbo' %n the 7eb do)ument. Gene a" fo m: o P%n,ut t/,eR)he)kbo'Q +++++ PC%n,utQ 2. 9enu# ME>< - 3list o7 simple items4 The 9EN; ta* d%#,"a/# a "%#t of #%m,"e %tem#. Th%# ta* 7o k# Zu#t "%ke the ;L ta*. ;#e the LI ta* to de#%*nate the %nd%-%dua" menu %tem#. Th%# ta* %# be%n* de, e)ated be)au#e %t ha# be)ome ob#o"ete %n fa-o of the ;L ta*. ")nta' P9EN;Q ... PC9EN;Q E'ample The fo""o7%n* e'am,"e ) eate# a "%#t of th ee #ho t %tem#:

P&QHT9L 9enu E'am,"e:PC&Q P9EN;Q PLIQ W%ndo7# F' PLIQ W%ndo7# NT PLIQ W%ndo7# 2111 PC9EN;Q orms Th%# #e)t%on d%#)u##e# the ta*# fo ) eat%n* fo m#.

@!RM I>P<T o I>P<T T;PEAB.<TT!>B

www.kinindia.com

www.kinindia.com
I>P<T T;PEABCHEC-.!?B I>P<T T;PEAB@I1EB o I>P<T T;PEABHI$$E>B o I>P<T T;PEABIM# EB o I>P<T T;PEABP#""W!R$B o I>P<T T;PEABR#$I!B o I>P<T T;PEABRE"ETB o I>P<T T;PEAB"<.MITB o I>P<T T;PEABTE?TB "E1ECT !PTI!> I"I>$E?
o o

!RM - (form for "ser inp"t) The 4O39 ta* ) eate# an HT9L fo m. The fo m )an )onta%n %nte fa)e e"ement# #u)h a# te't f%e"d#0 button#0 )he)kbo'e#0 ad%o button#0 and #e"e)t%on "%#t# that "et u#e # ente te't and make )ho%)e#. Ea)h %nte fa)e e"ement %n the fo m mu#t be def%ned 7%th an a,, o, %ate ta*0 #u)h a# PIN&;TQ o PSELECTIONQ. !"" e"ement# %n the fo m mu#t be def%ned bet7een the P4O39Q and PC4O39Q ta*#. !# 7e"" a# u#e %n,ut e"ement#0 the fo m )an )onta%n othe e"ement# #u)h a# head%n*#0 ,a a* a,h#0 tab"e#0 and #o on. When the fo m %# d%#,"a/ed %n a 7eb b o7#e 0 the u#e )an f%"" %t out b/ mak%n* )ho%)e# and ente %n* te't u#%n* the %nte fa)e e"ement#0 and then #ubm%t the fo m b/ )"%)k%n* a KSubm%tK button. -inds o7 Inter7ace Elements Se-e a" k%nd# of fo m e"ement# )an be def%ned u#%n* the IN&;T ta*0 7h%)h u#e# the TY&E att %bute to %nd%)ate the t/,e of e"ement0 #u)h a# button0 )he)kbo'0 and #o on. T7o othe k%nd# of %nte fa)e e"ement# /ou )an ,ut %n a fo m a e #e"e)t%on "%#t# and te't a ea#. Se"e)t%on "%#t# a)t a# menu# and a e def%ned 7%th the SELECT ta*. 9u"t%+"%ne te't+ent / f%e"d# a e def%ned 7%th the TE=T!3E! ta*. "ubmit .uttons and C I Programs To enab"e the fo m to , o)e## the data that the u#e ente #0 %t mu#t ha-e a KSubm%tK button0 7h%)h %# a button def%ned b/ an PIN&;T TY&ERKS;B9ITKQ o an PIN&;T TY&ERKI9!GEKQ ta*. The a)t%on %n-oked 7hen the u#e )"%)k# a KSubm%tK button %# def%ned b/ the !CTION att %bute of the 4O39 ta*. The -a"ue of the !CTION att %bute %# u#ua""/ a ;3L that ,o%nt# to a CGI , o* am. ! CGI , o* am un# on a a

www.kinindia.com

www.kinindia.com
#e -e 0 , o)e##e# a *ument# #ent b/ the fo m0 and etu n# data to the b o7#e . The -a"ue of the fo mS# 9ETHO$ att %bute a"#o affe)t# the 7a/ the CGI , o* am %# %n-oked. It %# be/ond the #)o,e of th%# efe en)e to , o-%de deta%"# of CGI , o* amm%n*0 but man/ f%ne book# a e a-a%"ab"e on the #ubZe)t0 and a"#o "ot# of %nfo mat%on %# a-a%"ab"e on the 7eb. !>C1IC- and !>"<.MIT You )an a"#o def%ne OnC"%)k e-ent hand"e # fo #e-e a" k%nd# of %n,ut e"ement#. !n OnC"%)k e-ent hand"e %# a ,%e)e of .a-aS) %,t )ode that %# e'e)uted 7hen the e"ement %# )"%)ked. The 4O39 ta* ha# an o,t%ona" ONS;B9IT att %bute0 7ho#e -a"ue %# a .a-aS) %,t e-ent hand"e that e'e)ute# 7hen a KSubm%tK button %n the fo m %# , e##ed. If the .a-aS) %,t )ode etu n# fa"#e0 the fo mS# a)t%on end# the e0 and the ;3L #,e)%f%ed b/ the !CTION att %bute %# not %n-oked. If the .a-aS) %,t )ode etu n# an/th%n* e"#e0 the ;3L #,e)%f%ed b/ the !CTION att %bute %# %n-oked. 4o e'am,"e0 /ou )ou"d u#e the ONS;B9IT att %bute to )he)k 7hethe o not the u#e ea""/ 7ant# to #ubm%t the fo m. >ame&6alue Pairs When a fo m %# #ubm%tted0 the data )onta%ned %n the fo m %# #ent to the %n-oked CGI , o* am a# a #e %e# of nameC-a"ue ,a% #. The name ,o t%on of ea)h ,a% %# the name of an %nte fa)e e"ement a# #,e)%f%ed b/ %t# N!9E att %bute. In mo#t )a#e# the -a"ue ,o t%on %# the -a"ue d%#,"a/ed b/ the e"ement0 fo e'am,"e0 the te't d%#,"a/ed %n a te't f%e"d. >esting @orms ! do)ument )an ha-e mu"t%,"e fo m#0 but fo m# )annot be ne#ted ++ /ou )annot ha-e a fo m 7%th%n a fo m. If /ou do)ument u#e# ,o#%t%oned HT9L )ontent0 ea)h fo m mu#t be )om,"ete"/ )onta%ned 7%th%n one ,o#%t%oned b"o)k. ")nta' P4O39 !CTIONRK#e -e ;3LK ENCTY&ERKen)od%n*T/,eK 9ETHO$RKGETK\K&OSTK N!9ERKfo mNameK ON3ESETRK.S)odeK ONS;B9ITRK.S)odeK T!3GETRK7%ndo7NameK Q ... PC4O39Q

www.kinindia.com

www.kinindia.com
The !CTION att %bute %# e<u% ed %f an/ a)t%on %# to o))u 7hen the u#e , e##e# a KSubm%tK button %n the fo m. #CTI!>ABserver<R1B #,e)%f%e# the ;3L of the , o* am to be %n-oked 7hen the fo m %# #ubm%tted. The a)t%on )an a"#o be a ma%"to: ;3L %f the fo m e#u"t# a e to be ma%"ed to #omeone.

www.kinindia.com

www.kinindia.com
E>CT;PEABencodingT)peB #,e)%f%e# the 9I9E en)od%n* of the data #ent: Ka,,"%)at%onC'+777+fo m+u "en)odedK ?the defau"tB0 %# u#ua""/ u#ed %f the 9ETHO$ att %bute ha# the -a"ue &OST. Kmu"t%,a tCfo m+dataK %# u#ed 7hen the fo m )onta%n# a f%"e u,"oad e"ement ?IN&;T TY&ERK4ILEKB.

METH!$ #,e)%f%e# ho7 %nfo mat%on %# #ent to , o* am %n-oked b/ #ubm%tt%n* the fo m.

>#MEAB7orm>ameB #,e)%f%e# the name of the fo m. The name %# not d%#,"a/ed on the fo m. .a-aS) %,t )an u#e the N!9E att %bute to d%ffe ent%ate d%ffe ent fo m# %f the e a e mu"t%,"e fo m# on a ,a*e. !>RE"ETABC"codeB #,e)%f%e# .a-aS) %,t )ode that e'e)ute# 7hen a u#e e#et# the fo m b/ u#%n* a 3ESET button. !>"<.MITABC"codeB #,e)%f%e# .a-aS) %,t )ode that e'e)ute# 7hen a u#e #ubm%t# the fo m b/ )"%)k%n* a KSubm%tK button.You )an u#e the ONS;B9IT att %bute to , e-ent a fo m f om be%n* #ubm%ttedJ to do #o0 ,ut a etu n #tatement that etu n# fa"#e %n the .a-aS) %,t )ode. !n/ othe etu ned -a"ue "et# the fo m #ubm%t. If /ou om%t the etu n #tatement0 the fo m %# #ubm%tted. T#R ETAB/indo/>ameB #,e)%f%e# the 7%ndo7 that d%#,"a/# the data etu ned b/ the %n-oked , o* am.

www.kinindia.com

www.kinindia.com
E'ample The fo""o7%n* e'am,"e ) eate# a fo m )a""ed Lo*%n4o m that )onta%n# te't f%e"d# fo u#e name and ,a##7o d0 a #ubm%t button0 and a )an)e" button.

P4O39 N!9ERKLo*%n4o mK 9ETHO$R&OST !CTIONRKu "toIn-okeKQ P&Q;#e name: PIN&;T TY&ERKte'tK N!9ERKu#e NameK SIVERK(1KQ P&Q&a##7o d: PIN&;T TY&ERK,a##7o dK N!9ERK,a##7o dK SIVERK(2KQ P&QPIN&;T TY&ERK#ubm%tK 8!L;ERKLo* %nKQ PIN&;T TY&ERKbuttonK 8!L;ERKCan)e"K onC"%)kRK7%ndo7.)"o#e?BKQ PC4O39Q

I#P$T - (inp"t element in a form) The IN&;T ta* def%ne# a fo m e"ement that )an e)e%-e u#e %n,ut. The TY&E att %bute dete m%ne# the #,e)%f%) #o t of fo m e"ement to be ) eated. TY&E )an be one of the fo""o7%n*:

B;TTON ,"a)e# a button on an HT9L fo m. ;#e .a-aS) %,t )ode to make the button ,e fo m an a)t%on /ou def%ne. CHECEBO= ,"a)e# a to**"e #7%t)h on an HT9L fo m0 "ett%n* the u#e #et a -a"ue on o off. 4ILE ,"a)e# an e"ement on an HT9L fo m "ett%n* the u#e #u,,"/ a f%"e a# %n,ut. When the fo m %# #ubm%tted0 the )ontent of the #,e)%f%ed f%"e %# #ent to the #e -e a"on* 7%th the othe fo m data. HI$$EN #,e)%f%e# an %n-%#%b"e te't e"ement. ! h%dden e"ement %# u#ed fo ,a##%n* %nfo mat%on to the #e -e 7hen a fo m %# #ubm%tted. I9!GE ,"a)e# an %ma*e0 #e -%n* a# a )u#tom button0 on an HT9L fo m. When a u#e )"%)k# an %ma*e e"ement0 the fo m %# #ubm%tted to the #e -e . &!SSWO3$ ,"a)e# a te't %n,ut f%e"d on an HT9L fo m. Ea)h )ha a)te t/,ed %n the f%e"d %# d%#,"a/ed a# a )ha a)te #u)h a# U o a b"a)k dot to )on)ea" the a)tua" -a"ue. 3!$IO ,"a)e# a ad%o button on an HT9L fo m. 3ad%o button# )an be * ou,ed %nto #et#0 and on"/ one button ,e #et )an be #e"e)ted at a t%me. 3ESET ,"a)e# a e#et button on an HT9L fo m. When a u#e )"%)k# a e#et button0 a"" e"ement# %n the fo m a e e#et to the% defau"t -a"ue#. S;B9IT ,"a)e# a #ubm%t button on an HT9L fo m. When a u#e , e##e# a #ubm%t button0 the fo m %# #ubm%tted. TE=T ,"a)e# a #%n*"e "%ne te't %n,ut f%e"d on an HT9L fo m. ! te't f%e"d "et# the u#e ente te't.

www.kinindia.com

www.kinindia.com
I>P<T T;PEAB.<TT!>B ! button a,ea # %n the fo m. You mu#t #,e)%f/ .a-aS) %,t )ode a# the -a"ue of the ONCLICE att %bute to dete m%ne 7hat ha,,en# 7hen the u#e )"%)k# the button. ")nta' PIN&;T TY&ERKB;TTONK N!9ERKbuttonNameK 8!L;ERKbuttonTe'tK ONCLICERK.S)odeK Q >#MEABbutton>ameB #,e)%f%e# the name of the button. The name doe# not a,,ea %n the fo m.

www.kinindia.com

www.kinindia.com
6#1<EABbuttonTe'tB #,e)%f%e# the te't to be d%#,"a/ed %n the button. !>C1IC-ABC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen a u#e )"%)k# the button. E'ample P4O39 9ETHO$R&OST !CTIONRKC)*%+b%nCe'am,"e.)*%KQ PIN&;T TY&ERKbuttonK 8!L;ERKC"o#e W%ndo7K onC"%)kRK7%ndo7.)"o#e?BJKQ PC4O39Q I>P<T T;PEABCHEC-.!?B ! )he)kbo' %# a to**"e that the u#e )an #e"e)t ?#7%t)h onB o de#e"e)t ?#7%t)h off.B ")nta' PIN&;T TY&ERKCHECEBO=K CHECEE$ N!9ERKnameK ONCLICERK.S)odeK 8!L;ERK)he)kbo'8a"ueK Q CHECEE$ %nd%)ate# that the )he)kbo' %# d%#,"a/ed 7%th a t%)k ma k to %nd%)ate that %t %# #e"e)ted. >#MEABnameB #,e)%f%e# the name of the %n,ut e"ement. Th%# -a"ue %# the name ,o t%on of the nameC-a"ue ,a% fo th%# e"ement that %# #ent to the #e -e 7hen the fo m %# #ubm%tted. The name %# not d%#,"a/ed on the fo m. !>C1IC-ABC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen a u#e )"%)k# the )he)kbo'. 6#1<EABchec0bo'6alueB

www.kinindia.com

www.kinindia.com
#,e)%f%e# the -a"ue to be etu ned to the #e -e %f the )he)kbo' %# #e"e)ted 7hen the fo m %# #ubm%tted. The defau"t -a"ue %# ON0 but /ou )an #,e)%f/ a d%ffe ent -a"ue %f /ou 7ant. When the fo m %# #ubm%tted0 on"/ the nameC-a"ue ,a% # fo #e"e)ted )he)kbo'e# a e #ent to the %n-oked CGI , o* am.

www.kinindia.com

www.kinindia.com
E'ample P&QS,e)%f/ /ou mu#%) , efe en)e# ?)he)k a"" that a,,"/B:PC&Q PB3QPIN&;T TY&ERK)he)kbo'K N!9ERKmu#%), efY nbK CHECEE$Q 36B PB3QPIN&;T TY&ERK)he)kbo'K N!9ERKmu#%), efYZaIIK CHECEE$Q .aII PB3QPIN&;T TY&ERK)he)kbo'K N!9ERKmu#%), efYb"ue#K CHECEE$Q B"ue# PB3QPIN&;T TY&ERK)he)kbo'K N!9ERKmu#%), efYne7a*eK CHECEE$Q Ne7 !*e I>P<T T;PEAB@I1EB Th%# ,"a)e# an e"ement on an HT9L fo m that "et# the u#e #u,,"/ a f%"e a# %n,ut. When the fo m %# #ubm%tted0 the )ontent of the #,e)%f%ed f%"e %# #ent to the #e -e a# the -a"ue ,o t%on of the nameC-a"ue ,a% fo th%# %n,ut e"ement. Nadod% d%#,"a/# a KB o7#eK button ne't to the f%"e %n,ut e"ement that "et# u#e # #e"e)t a f%"e f om the% #/#tem to u#e a# the -a"ue of the f%"e %n,ut e"ement. If a fo m )onta%n# a f%"e %n,ut e"ement0 the -a"ue of the ENCTY&E att %bute of the 4O39 ta* #hou"d be Kmu"t%,a tCfo m+dataK. ")nta' PIN&;T TY&ERK4ILEK N!9ERKnameK 8!L;ERKf%"enameK Q >#MEAname #,e)%f%e# the name of the %n,ut e"ement. Th%# -a"ue %# u#ed a# the name ,o t%on of the nameC-a"ue ,a% fo th%# e"ement that %# #ent to the #e -e 7hen the fo m %# #ubm%tted. The name %# not d%#,"a/ed on the fo m. 6#1<EA7ilename #,e)%f%e# the %n%t%a" -a"ue of the %n,ut e"ement. E'ample P4O39 ENCTY&ERKmu"t%,a tCfo m+dataK !CTIONRKC)*%+b%nCe'am,"e.)*%K 9ETHO$RK&OSTKQ P&Q4%"e name: PIN&;T TY&ERKf%"eKQ PC4O39Q

www.kinindia.com

www.kinindia.com
I>P<T T;PEABHI$$E>B ! h%dden %n,ut e"ement %# an %n-%#%b"e e"ement 7ho#e ma%n ,u ,o#e %# to )onta%n data that the u#e doe# not ente . Th%# data *et# #ent to the %n-oked CGI , o* am 7hen the fo m %# #ubm%tted. Th%# ta* , o-%de# a me)han%#m fo de"%-e %n* a -a"ue to the CGI , o* am 7%thout the u#e ha-%n* ente ed %t0 but note that %t %# not -e / h%dden be)au#e the u#e )an d%#)o-e %t b/ -%e7%n* the do)ument #ou )e. ")nta' PIN&;T TY&ERKHI$$ENK N!9ERKnameK 8!L;ERK-a"ueK Q >#MEABnameB #,e)%f%e# the name of the %n,ut e"ement. Th%# -a"ue %# the name ,o t%on of the nameC-a"ue ,a% #ent to the %n-oked CGI , o* am 7hen the fo m %# #ubm%tted. The name %# not d%#,"a/ed on the fo m. 6#1<EABvalueB #,e)%f%e# the %n%t%a" -a"ue of the %n,ut e"ement. E'ample Th%# e'am,"e ) eate# a fo m 7%th a h%dden e"ement0 $efau"t&a##0 that #to e# the %n%t%a" -a"ue of the ,a##7o d f%e"d.

P4O39 N!9ERKLo*%n4o mK 9ETHO$R&OST !CTIONRKC)*%+ b%nCe'am,"e.)*%KQ P&Q&a##7o d: PIN&;T TY&ERK,a##7o dK N!9ERK,a##7o dK SIVERK(2K 8!L;ERKt ea#u eKQ PIN&;T TY&ERKh%ddenK N!9ERK$efau"t&a##K 8!L;ERKt ea#u eKQ PC4O39Q I>P<T T;PEABIM# EB

www.kinindia.com

www.kinindia.com
Th%# ,"a)e# an %ma*e0 #e -%n* a# a )u#tom button0 on an HT9L fo m. When a u#e )"%)k# the %ma*e0 the fo m %# #ubm%tted to the #e -e . ")nta' PIN&;T TY&ERKI9!GEK !LIGNRKLE4TK\K3IGHTK\KTO&K\K!BS9I$$LEK\K!BSBOTTO9K\ KTE=TTO&K\K9I$$LEK\KB!SELINEK\KBOTTO9K N!9ERKnameK S3CRK"o)at%onK Q #1I > #,e)%f%e# the a"%*nment of the %ma*e %n e"at%on to the #u ound%n* te't. If /ou do not #,e)%f/ a -a"ue fo !LIGN0 Na-%*ato u#e# BOTTO9 a# the defau"t. The ,o##%b"e -a"ue# a e LE4T0 3IGHT0 TO&0 !BS9I$$LE0 !BSBOTTO90 TE=TTO&0 9I$$LE0 B!SELINE0 and BOTTO9. See the #e)t%on KI9GK fo a de#) %,t%on of the -a"ue#.

www.kinindia.com

www.kinindia.com
>#MEAname #,e)%f%e# the name of the %n,ut e"ement. Th%# -a"ue %# u#ed a# the name ,o t%on of the nameC-a"ue ,a% fo th%# e"ement that %# #ent to the %n-oked CGI , o* am 7hen the fo m %# #ubm%tted. The name %# not d%#,"a/ed on the fo m.When Na-%*ato #end# the off#et# of the %ma*e to the #e -e 0 %t #end# them a# name.' and name./. "RCABlocationB #,e)%f%e# the ;3L of the %ma*e to be d%#,"a/ed %n the do)ument. E'ample PCENTE3QPIN&;T TY&ERK%ma*eK S3CRK#%*nno7.*%fKQPCCENTE3Q I>P<T T;PEABP#""W!R$B ! ,a##7o d e"ement %# a te't %n,ut f%e"d %n 7h%)h ea)h )ha a)te t/,ed %# d%#,"a/ed a# a )ha a)te #u)h a# U o a b"a)k dot to )on)ea" the a)tua" -a"ue. ")nta' PIN&;T TY&ERK&!SSWO3$K 9!=LENGTHRKma'Cha K N!9ERKnameK ONSELECTRK.S)odeK SIVERK)ha Len*thK 8!L;ERKte't8a"ueK Q M#?1E> THABma'CharB #,e)%f%e# the ma'%mum numbe of )ha a)te # a ,a##7o d bo' )an a))e,t. >#MEABnameB #,e)%f%e# the name of the %n,ut e"ement. Th%# -a"ue %# u#ed a# the name ,o t%on of thenameC-a"ue ,a% fo th%# e"ement that %# #ent to the #e -e 7hen the fo m %# #ubm%tted. The name %# not d%#,"a/ed on the fo m. !>"E1ECTABC"codeB

www.kinindia.com

www.kinindia.com
#,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen a u#e #e"e)t# #ome of the te't %n the te't e"ement. "IHEABchar1engthB #,e)%f%e# the "en*th of the %n,ut f%e"d0 %n )ha a)te #. The -a"ue #hou"d be an %nte*e .

www.kinindia.com

www.kinindia.com
6#1<EABte't6alueB #,e)%f%e# the %n%t%a" -a"ue of the ,a##7o d0 %f an/. E'ample P&Q&a##7o d: PIN&;T TY&ERK,a##7o dK N!9ERK,a##7o dK 8!L;ERKK SIVERK25KQ I>P<T T;PEABR#$I!B ! ad%o e"ement %# a ad%o button. ! #et of ad%o button# )on#%#t# of mu"t%,"e ad%o button# that a"" ha-e the #ame N!9E att %bute. On"/ one ad%o button %n the #et )an be #e"e)ted at one t%me. When the u#e #e"e)t# a button %n the #et0 a"" othe button# %n the #et a e de#e"e)ted. If one ad%o button %n a #et ha# the CHECEE$ att %bute0 that one %# #e"e)ted 7hen the #et %# f% #t "a%d out on the 7%ndo7. ")nta' PIN&;T TY&ERK3!$IOK CHECEE$ N!9ERKnameK ONCLICERK.S)odeK 8!L;ERKbutton8a"ueK Q CHEC-E$ %nd%)ate# that the ad%o button %# #e"e)ted. >#MEABnameB #,e)%f%e# the name of the %n,ut e"ement. Th%# -a"ue %# u#ed a# the name ,o t%on of the nameC-a"ue ,a% fo th%# e"ement that %# #ent to the %n-oked CGI , o* am 7hen the fo m %# #ubm%tted. The name %# not d%#,"a/ed on the fo m. !"" ad%o button# that ha-e the #ame name )on#t%tute a ad%o * ou,J on"/ one ad%o button of a * ou, )an be #et at one t%me. !>C1IC-ABC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen a u#e )"%)k# the ad%o button. 6#1<EABvalueB

www.kinindia.com

www.kinindia.com
#,e)%f%e# the -a"ue that %# etu ned to the #e -e 7hen the ad%o button %# #e"e)ted and the fo m %# #ubm%tted. On"/ nameC-a"ue ,a% # fo ad%o button# that a e #e"e)ted a e #ent to the %n-oked CGI , o* am. The -a"ue defau"t# to ON.

www.kinindia.com

www.kinindia.com
E'ample The fo""o7%n* e'am,"e ) eate# a ad%o button * ou,.

P&QCate*o /: PB3QPIN&;T TY&ERK ad%oK N!9ERK)ate*o /K 8!L;ERK"%-K CHECEE$Q L%-%n* PB3QPIN&;T TY&ERK ad%oK N!9ERK)ate*o /K 8!L;ERKd%nKQ $%n%n* PB3QPIN&;T TY&ERK ad%oK N!9ERK)ate*o /K 8!L;ERKbedKQ Bed oom I>P<T T;PEABRE"ETB When a u#e , e##e# a e#et button0 a"" e"ement# %n the fo m a e e#et to the% defau"t -a"ue# ")nta' PIN&;T TY&ERK3ESETK N!9ERKnameK ONCLICERK.S)odeK 8!L;ERK"abe"K Q >#MEABnameB #,e)%f%e# the name of the %n,ut e"ement. !>C1IC-ABC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen a u#e )"%)k# the button. 6#1<EABlabelB #,e)%f%e# the te't to d%#,"a/ on the fa)e of the e#et button. E'ample Th%# e'am,"e d%#,"a/# a te't e"ement 7%th the defau"t -a"ue C! and a e#et button "abe""ed C"ea 4o m. If the u#e t/,e# a #tate abb e-%at%on %n the te't e"ement and then )"%)k# the C"ea 4o m button0 the o %*%na" -a"ue of C! %# e#to ed. P4O39Q P&QState: PIN&;T TY&ERKte'tK N!9ERK#tateK 8!L;ERKC!K SIVERK2KQ

www.kinindia.com

www.kinindia.com
P&QPIN&;T TY&ERK e#etK 8!L;ERKC"ea 4o mKQ PC4O39Q I>P<T T;PEAB"<.MITB When a u#e )"%)k# a #ubm%t button0 the fo m %# #ubm%tted0 7h%)h mean# that the !CTION #,e)%f%ed fo the fo m %# %n-oked.

www.kinindia.com

www.kinindia.com
")nta' PIN&;T TY&ERKS;B9ITK N!9ERKnameK 8!L;ERK"abe"K Q >#MEABnameB #,e)%f%e# the name of the %n,ut e"ement. The name %# not d%#,"a/ed on the fo m. 6#1<EABlabelB #,e)%f%e# the te't to d%#,"a/ on the fa)e of the #ubm%t button. E'ample PIN&;T TY&ERK#ubm%tK N!9ERKSubm%tButtonK 8!L;ERK$oneKQ I>P<T T;PEABTE?TB ! te't e"ement %# a #%n*"e "%ne te't %n,ut f%e"d %n 7h%)h the u#e )an ente te't. ")nta' PIN&;T TY&ERKTE=TK 9!=LENGTHRKma'Cha #K N!9ERKnameK ONBL;3RKS)odeK ONCH!NGERK.S)odeK ON4OC;SRKS)odeK ONSELECTRK.S)odeK SIVERK"en*thCha #K 8!L;ERKte'tK Q M#?1E> THABma'CharsB #,e)%f%e# the ma'%mum numbe of )ha a)te # a te't bo' )an a))e,t. >#MEABnameB #,e)%f%e# the name of the %n,ut e"ement. Th%# -a"ue %# u#ed a# the name ,o t%on of the nameC-a"ue ,a% fo th%# e"ement that %# #ent to the %n-oked CGI , o* am 7hen the fo m %# #ubm%tted. The name %# not d%#,"a/ed on the fo m.

www.kinindia.com

www.kinindia.com
!>.1<RABC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen the te't e"ement "o#e# ke/boa d fo)u#.

www.kinindia.com

www.kinindia.com
!>CH#> EABC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen the te't e"ement "o#e# fo)u# and %t# -a"ue ha# been mod%f%ed. !>@!C<"ABC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen a u#e )"%)k# the te't e"ement. See the .a-aS) %,t Gu%de fo See the .a-aS) %,t Gu%de fo mo e %nfo mat%on. !>"E1ECTABC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen a u#e #e"e)t# #ome of the te't %n the te't e"ement. "IHEABlengthCharsB #,e)%f%e# the "en*th of the %n,ut f%e"d0 %n )ha a)te #. 6#1<EABte'tB #,e)%f%e# the %n%t%a" -a"ue of the te't e"ement. E'ample P&QLa#t name: PIN&;T TY&ERKte'tK N!9ERK"a#tYnameK 8!L;ERKK SIVERK25KQ

%ELE&T - (selection list in a form) The SELECT ta* def%ne# a #e"e)t%on "%#t on an HT9L fo m. ! #e"e)t%on "%#t d%#,"a/# a "%#t of o,t%on# f om 7h%)h the u#e )an #e"e)t an %tem. If the 9;TLI&LE att %bute %# #u,,"%ed0 u#e # )an #e"e)t mu"t%,"e o,t%on# f om the "%#t at a t%me. If the 9;LTI&LE att %bute %# not #u,,"%ed u#e # )an #e"e)t on"/ one o,t%on %n the "%#t at a t%me. The SIVE att %bute #,e)%f%e# ho7 man/ o,t%on# %n the "%#t a e d%#,"a/ed at one t%me. 4o mu"t%,"e+#e"e)t%on "%#t#0 %f /ou do not #,e)%f/ the SIVE att %bute0 the b o7#e d%#,"a/# #ome0 ma/be a""0 of the o,t%on#. 4o #%n*"e+#e"e)t%on "%#t#0 b/ defau"t Na-%*ato d%#,"a/# the "%#t a# a d o,+do7n menu that %n%t%a""/ #ho7# on"/ one o,t%on. The u#e )an )"%)k the "%#t to d%#,"a/ the e#t of the o,t%on#. If /ou #,e)%f/ the SIVE att %bute0 the "%#t %# d%#,"a/ed a# a #) o""%n* "%#t that #ho7# the #,e)%f%ed numbe of o,t%on#0 e*a d"e## of 7hethe the "%#t a""o7# #%n*"e o mu"t%,"e #e"e)t%on..

www.kinindia.com

www.kinindia.com
The SELECT ta* #hou"d be u#ed bet7een P4O39Q and PC4O39Q ta*#. ;#e the O&TION ta* to def%ne o,t%on# %n the "%#t. When the fo m )onta%n%n* the #e"e)t%on "%#t %# #ubm%tted to the #e -e 0 a nameC-a"ue ,a% %# #ent fo ea)h #e"e)ted o,t%on %n the "%#t. ")nta' PSELECT N!9ERK#e"e)tNameK 9;LTI&LE ONBL;3RK.S)odeK ONCH!NGERK.S)odeK ONCLICERK.S)odeK ON4OC;SRKfS)odeK SIVERK"%#tLen*thK Q PO&TION...Q ... PO&TION ...Q PCSELECTQ M<1TIP1E #,e)%f%e# that mu"t%,"e %tem# )an be #e"e)ted. If th%# att %bute %# om%tted0 on"/ one %tem )an be #e"e)ted f om the "%#t. If mu"t%,"e #e"e)t%on %# enab"ed0 the u#e u#ua""/ need# to ho"d do7n the Sh%ft ke/ to #e"e)t add%t%ona" %tem#. >#MEABselect>ameB #,e)%f%e# the name of the #e"e)t e"ement. Th%# -a"ue %# the name ,o t%on of the nameC-a"ue ,a% #ent to the %n-oked CGI , o* am 7hen the fo m %# #ubm%tted. The name %# not d%#,"a/ed on the fo m. !>.1<RABblurC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen the #e"e)t e"ement "o#e# fo)u#. !>CH#> EABchangeC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen the #e"e)t e"ement "o#e# fo)u# and %t# -a"ue ha# been mod%f%ed. !>C1IC-ABC"codeB

www.kinindia.com

www.kinindia.com
#,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen a u#e )"%)k# an %tem %n the "%#t. !>@!C<"AB7ocusC"codeB #,e)%f%e# .a-aS) %,t )ode to e'e)ute 7hen the e"ement *et# fo)u#. "IHEAB1ist1engthB #,e)%f%e# the numbe of o,t%on# -%#%b"e 7hen the fo m %# d%#,"a/ed. If the "%#t )onta%n# mo e o,t%on# than #,e)%f%ed b/ #%Ie0 the "%#t %# d%#,"a/ed 7%th #) o""ba #. <sed Within 4O39 "elect E'ample *:"ingle Item "election P4O39Q PBQSh%,,%n* method:PCBQPB3Q PSELECTQ PO&TIONQ Standa d PO&TION SELECTE$Q 2+da/ PO&TIONQ O-e n%*ht PCSELECTQ PC4O39Q E'ample ,: Multiple "election P4O39Q ... PBQ9u#%) t/,e# fo /ou f ee C$#:PCBQPB3Q PSELECT N!9ERKmu#%)Yt/,eYmu"t%K 9;LTI&LEQ PO&TIONQ 36B PO&TIONQ .aII PO&TIONQ B"ue# PO&TIONQ 3e**ae PCSELECTQ PC4O39Q E'ample 5: Multiple "election With $e7ault In the fo""o7%n* e'am,"e0 a"" #e-en o,t%on# )an be )ho#en0 but banana# a e #e"e)ted b/ defau"t. The "%#t %# d%#,"a/ed a# a #) o""ab"e menu that f%t# fou o,t%on# at a t%me. P4O39Q PSELECT N!9ERKf u%tY)ho%)e#K 9;LTI&LEQ PO&TIONQ!,,"e#

www.kinindia.com

www.kinindia.com
PO&TION SELECTE$QBanana# PO&TIONQChe %e# PO&TIONQO an*e# PO&TIONQ&%nea,,"e PO&TIONQ4%*# PO&TIONQGua-a PCSELECTQ PC4O39Q

!PTI!# - (option in a %ELE&T list) The O&TION ta* #,e)%f%e# an o,t%on %n a #e"e)t%on "%#t. ;#e the O&TION ta* %n#%de a SELECTION ta*. When the fo m )onta%n%n* the #e"e)t%on "%#t %# #ubm%tted to the #e -e 0 a nameC-a"ue ,a% %# #ent fo ea)h #e"e)ted o,t%on %n the "%#t. The -a"ue ,o t%on of an o,t%on %# the -a"ue of the 8!L;E att %bute0 %f %t ha# one0 othe 7%#e0 %t %# the te't that fo""o7# the PO&TIONQ ta*. ")nta' PO&TION 8!L;ERKo,t%on8a"ueK SELECTE$ Q ... PCO&TIONQ 6#1<EAB!ption6alueB #,e)%f%e# a -a"ue that %# etu ned to the #e -e 7hen the o,t%on %# #e"e)ted and the fo m %# #ubm%tted. When no 8!L;E att %bute %# , e#ent0 the -a"ue etu ned %# the #ame a# the te't fo""o7%n* the PO&TIONQ ta*. "E1ECTE$ #,e)%f%e# that the o,t%on %# #e"e)ted b/ defau"t. <sed /ithin 4O39 E'ample See e'am,"e (:S%n*"e Item Se"e)t%on.

www.kinindia.com

www.kinindia.com
I%I#'E( - (searcha)le inde*) The ISIN$E= ta* )au#e# the 7eb ,a*e to d%#,"a/ a te't ent / f%e"d %n 7h%)h the u#e )an t/,e a #t %n*. The %ntent of th%# ta* %# that %t K#7%t)he# on #ea )h%n*K %n the ,a*e0 but %n ea"%t/0 th%# ta* %# u#efu" on"/ %f the ,a*e %# *ene ated b/ a CGI , o* am. The %ntent %# that 7hen the u#e ente # te't %nto the te't ent / f%e"d and , e##e# the 3etu n ke/ ?o )"%)k# an a,, o, %ate button on the b o7#e B0 the CGI , o* am %# %n-oked a*a%n0 7%th the a *ument# *ene ated f om the data %n the te't f%e"d. The b o7#e out,ut# a ne7 ,a*e 7ho#e )ontent %# dete m%ned b/ 7hat the u#e ente ed %n the te't f%e"d. The CGI , o* am #hou"d te#t fo the , e#en)e of a *ument#. If the e a e none0 %t #hou"d d%#,"a/ a defau"t ,a*e that %n)"ude# the ISIN$E= ta* %n the heade . If the e a e a *ument#0 the #) %,t doe# 7hate-e %t need# to do. The #t %n* ente ed b/ the u#e %# the f% #t a *ument0 and the "an*ua*e /ou #) %,t u#e# dete m%ne# ho7 /ou a))e## the f% #t a *ument. It %# be/ond the #)o,e of th%# efe en)e to , o-%de deta%"# on CGI , o* amm%n*0 but man/ f%ne book# a e a-a%"ab"e on the #ubZe)t0 and "ot# of %nfo mat%on %# a-a%"ab"e on the 7eb. Note that ISIN$E= doe# not e<u% e a )"o#%n* ta*.

www.kinindia.com

www.kinindia.com
")nta' PISIN$E= &3O9&TRKte'tK Q PR!MPTABte'tB #,e)%f%e# the te't that a,,ea # a# the #ea )h , om,t %n the b o7#e . <sed Within HE!$ E'ample The fo""o7%n* #n%,,et of )ode f om a CGI , o* am *ene ate# the heade fo an HT9L ,a*e. When the ,a*e %# d%#,"a/ed0 %t ha# a te't ent / f%e"d 7ho#e , om,t %# KEnte a #ea )h ke/7o d:K. )at PP EO4 PHE!$Q PISIN$E= &3O9&TRKEnte a #ea )h ke/7o d:KQ PCHE!$Q

www.kinindia.com