Bractical

1) Design a uueb page ustng ci|luunt tatJeunmatking

Lags

KDOCTYPE htnal
html2
Khiad
ttl> Tkat jaumatting tags {/uitlu
K/hiad
Kbody
Kh12Di4lnt ht
Jeumatting
Kb Jh4 tatis bold </b> Kbr>
tngs K/h1)

Ksthueng Jhis hat iiimpouantl K/shuengbr>

Ki>Ihs turt isitalic i>(br>
i
Lim> Jhis tat Lmphasizrd {ltm> kbr>
Ku This thatin undeelined Uus
Ksmall > Ihis isAemu bmalln tnt K/amall
kp>Do not jugc to buy Kmauk >milk </mank>
today {>
Kp2 My 4aueid ceo iakdel>blu iidl Med.Stp>
blun&Ldrl
kp>My jauoitetole iskdl)
Lins ud K/ins>. itp>
Kp> Jhis h KAub dubsouiptud K/bub> trt(/p>
kp Jhis is lsup Auplnseulptad l/8up> kULIp>
lbedy
KZhtml

Cundaram FOR EDUCATIONAL USE

undaram
Phacbical
2) Drsign a utb pagewith dilluunt bypu Manauus
>html DoCTYPE htm

KhLad>
DJLLnk ypts ofmaMquu K/utlL>
K/htad
Kbrdy
Lmauaut nidtHh= "
" "
Kh12 DJuntbyps mcuguKIh1>
l00 behcuioy= "Acuall "
bgceloy:"Lighhli
Klmauguy> {hr(br>
Jhia

e"lo0"behaioy Ai
KmakqaL widHh
bgceloryellow ">Jhis isan sucl manquu
K/mauquu {br>kbr
"
isan Acusl mauau

Kmasguš uidhh e"loD%"behaNey althunaty

bgceloe"ughtaun "2Jhis isanslidsmanqu
>
KLmauaue (br>{br>
Kmauqu uucdh"Ipo, "_diection "udht"
bguelo "LwAal ">Jhis taon ightcluntctisn
maHqnu K/mahgnuu
Lboduy
K/hal

Sundaram FOR EDUCATIONAL USE

unaaramy
Pxacticol
3) Dutgn_a ubpage Lith links fodilfeunt iaks
Dages and altew
naugatien btauin pagu
K DDCTYPEhtml
Khtml)
KhLad
Ktitle2Nawgation
betuLn paqe KJutn
/hsad
Khody
Kh12Nauigakien bituiuLn pags
{Zh1
labu:"phac1.hal"2Juat joumattinq
la> (br> g4
kaku-"phac2.ktml ")
MaMqus {la>Lbr> DilUuLnt hyptA D
La huy= "pHac4 hkml")
TmageappingZa>Xbr)-
la hu:"Lempnbh. html"> lomput (labr>
Ka huy:"_plhkn.html" Pheni Klas
CIbedy
hmd>

undaram FOR EDUCATIONAL USE

Peactical
4) DIsiGn ausLb page wih Iage anol lmaqmaps-
>|IDoCTyPE html
Khtml
Khrad
KhEl >Tnnage aappinq KUEn)
KLhaad >

Kbedy
Kh1 Tmaqe mappina KLh12
kp> Ty toclick n
fhe CAmputu and phkmi
inhu inmag bilgusi {Zp2
img
Kmapnami "
AHC ukpla.cr.jp9"ale"Weakplac"
Umap:"Ëwkmap"
wpIkmap"2
KaHLa shap:"LCE"LOrds ="3A,44,210,350"-
" "
alea Compun hu"cemputen.hkml
: "2
Unaap)
"
AHLa dhape "nuce" cooda "290,172,333250"
alt Phm huy"Phenhml "2
KLbody

undaram FOR EDUCATIONAL USE

PAarticad

5 a
uLah skudintablu ih
Hhu jalloustrng Jiülda
ShudutTa,Nanl DOB, CowsAe AddAs E-mail id
andapply Embtdolud cascacling shyke_wih Ha
allonin attubutu: Fout szL Celon, shyle bold
ilalic berdeh cele tt
krbackyueund image stt
Hsahn aligu tabl k tuut

DoCTYPE khul>
Khtml)
Khzad2
Kbitl Jabl in HTML K/Lit
Kshyl
h1
tert-align Cndn

tabl,td _
bendur1pm Aelicl whitu
unti
tunt-align
Padding
Lele
: 10px
uuhit

tabl
htuginiaukn
hackgueund-imagt:wll'teopubn jpa2;:
baLkquound Aizi Comeh_
backgoLnd peAtipn Lntvn

FOR EDUCATIONAL USE

Cundaram
 h dent siz4 20p

enkatyh:ikale

Kthrad>
Kbody>
{h1)Student tabl KLh12
abu
Ktr
Kth Shclent TlKL4h>
Lth> Alanm KLth
Kth> DOB KLLh>

Kth Aldnas {/th

KHh> E-mail Td &/h>

tr 01K/d2
Ktd
Kta2Mayyu K/d2
Ktd?01/04/2003KLtd>
Lid> BCA K/fd2

td2mp@gmail corn ltd>

 tr
bd> 02 </td>
Ltol2 Yumaj(/td
Ld 20/04/2003</Ld>
Ktel) BcA (Ltd
Ltd isa R!ad&ttl>
Ltl parndysigmail.comib

Ktd>03Ld
Ktd2ShiuAm &Ltd)
Ltd) ol/oL/2003 K/rdy
td BLAKLLd)
L Vasai Klta)
td HAcky email.Cem Ltl>

ta 04 K/td>
KtA Cmkah k/td>
Ltd 16/08/2003Cd>
Kld)BCACLtel
ta 1ant Eoad Itd>
Ltd)Dmi@amail.Cem lltd)

(Zabla
Lbody 22

Cundaram FOR EDUCATIONAL USE

Puactieal
T) unti a dMamistk Hrat diniells buonsL windous
into horizental and uubical uaista.

hl

,
KDOCTYPE
Lhbmi
KhLed
Kitl> EnammsekK/tihe
KZhtad>
KAamstt Lels = "30,40 30% ")
= "
KJHamu hanm top AHL= "wekkplacttpqI>.
KJuani hami"main" AHC= "Cemputn.4P
KAnamu hau" bRttom" 41C"pheau4p4 "/>
Sheluamia
Kbody>
Jhu breuAen ypu aus thiaking wpukin
desshet Auppaut Jaamis
S/body
SZnotuamis
LAammsit2
K/hbnl>

FOR EDUCATIONAL USE

Cundaram
Bractical
8) hlMit Hh avascupt Lode o iuu numblus
Lntun

inHu pMempE bo Calculadadditlern o the

numbMA k_auuHag

KD0LTYPE hmal
hn
Khrad
iHO avaseuiptpuempLb0A {LtH)
KZhtad>
KSUzpit-2
uE numbtks=puorspt+l"Entun 5numbrsi D
doumnthitl"Entuned numbe a
t
thumbtHs 'KbrDj
ut num humbes.Aplit" ");_
ut bum s0, aug=D
Jo htiz0, itnum.lungkh; itt)
Sum t=paHslnthumnLiT)
aug dunnum.lengHh
olouunnt,uub l'Sum Aumt'Kbr>');_

document.umit AueHage is 'tawq'Kbr>')

KZsLipt)
Kbecly
body
Zhtml
Pucuctical tenE applay
9 atu a ueh page_wiHh
9)
avaAupE MOust Anen-
imagt CLnol

nmguaLBIN
BnmAustPLut,pntuck en
Hiimage nd ta
K DaLttyPE hhml
Khtml
hiad
Ktit> MDuAL LULna KZiLL2
K/hiad
Kbody
Kimg Auc "Compuhn Jpq
alt:"hiAukplact
" tsidlh :"50% "_
Drnnausueues "alent

endick "aluuti'Tmaqu clickid')">_

Kh2 enmeustniut: "eluntl'Meustsut4 rE)'2
Imagt Coaputn {Zh2.>
K/body
K/htm2>
actical4
10) Cuath aPage uhich elidplays Tavascuptapopupbois
1 Altt
2
3.
Lenium
PLampE-

KDOLTYPE hhml
Khhml
Khiad
Khtl Popup bons KLtitu
K/hrad
Kbody
Kbubten enclick ="aluutlJhis isaluthon!")")
Alut Zbuttem)
bon')">
Kbutom_emdick "Cenliml/Jhia is Lentirm
LenJiam KZbuken)
Kbute_Bzaclick prermptl"PuEmpt is ustd ta
takavaliuts fiuem usvh) Hempt {/bnttn)
Kbody>
K/hhl