Scribd
Upload
8 views56 pages

Computer

Uploaded by

kaleprasad975
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
8 views56 pages

Computer

Uploaded by

kaleprasad975
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 56

Tndex

L8No Pasatculana hae no SgnL


Shructuse o HINL 3
Recdy elenent altibulos
Pnysical aqa 45
leqical taqs
R-
font element 8-9
Black lee ags 10-1
sts 3-15
16-18
HypeslinkR
Tmageaq- 19-1
Gteng table _in HTNL 98-5
uikeaprcqram to drau ctablein_
HTML S6-31

Another Prcqramta daHaw atable în HTNL Q1-8


amponents fom 89-34
foR TI

ORA-T 38
19Truclure
i
e HTML
Gi
HTHL document
The
aplon ASCTT

HMLdacuamenta erganisedJnla
hat aHe aHanged awadtn
e
Jert Jile:
o elements
a
dio les of he
streucured

JonquageItakea the Jema

hmlz
headsl- his secion_ontainaHitle k subblemendatnfoumachon.
aleul dhe þage
head
shedas l- This iecton_Centainsthe doacumeni lonlents
lbodu

Wesholl_nou examine an sechon individuallq-_


HTML The ml element Hebmexentad byhtnlz- slhtml
fags specikes diat decument asa
webmge tHod
con he Ae en in ihe uneb bteustex All_ether lags axe_encleaed
Lothin ithence_it acs a3 aContanex fhr all thetags

HEAD: The hoad element Hepstesent bnhead shead


Jags Apepydhe haada umlermaton iedesxxi--
pueinpomaton about iheweb decuments t_ontents
deng8het dinectly
Jm auseb bHOUOIer
nt
dheuebpaqg uhen Vieusi
Containaqk add_
he canlenis dhedhe Jtle ethe uebpage
lags diuch aastle zsbaezsisindexslnkaz <meaz
Stuptz atylez auepant o the shead-lags

head
Jitlez My tirast_uebpage s/nlez
siheadz-

B0nyThe hevisble bagg_ ontents


bad element entauna
0eenby he end use, henhepage is
Nead ed in he &HuGBeH'S_wndeu SE Containa an valid
HTHL Cantmla ch aa text,image emaspetial dhaodena
ec uamieLA olementserdlubuteaasecaled Lth thia element
aye BlloloR,TEXT LEFTHARu/N, TDeMARGaIN, BACKlaRAIND,LUNk
AUNK VUNK ef

uo yeLz ammenishaxe t can


Canments--
be mulliline

=
VALUE EXAHPIE
AtHIRI BUT&

URLo JRe bacRgrou-Body BacRgraund-C:lo


9ACRGHROUWD
nd image J
t sels Jhe bokgreund
web page

Caler <body toColer "Red'


bacerer
<body bacoler-
"#fooo'
St specifies Jhe bakgeu

leu o dhe webpage

a ink Coter <bedy aDink


."(yon'>

t speches the clero


to
Jhe actVe link Gyan.

v.ank Color <bedyvlinR "qteen">

JinR oer bedy nP"larren'


Jext Cbter
<body tet "Bue'
8t shecies the feregreu

Ceter
dhe fert
3
8ody cement aitrbuieg
The badu element in dheHTHL deccment_ia uRd Je_deline
awebpaqe_a een buine
Jhe Canlentsechien the
emd_ lex 2thenhe bage koadod un he hHcaadSs
wndeus Contana mamyatlaibrutea uke backonund
bycnfralink lank ulnk_&_dext dhat have desieaied
n HTNL

inhe abee HTM_dacnrent, the bacaler L ert dlbibutes


dhedhe berdy olementhaise been Aet oalue uelleuu

Red Heapecitiuely The ekect is dearl uisibl e inhe


weo
PrystalJaps
he Physical_inlne_element ezphciky_dexubes eractu
he the ted us obe famaled the hourex dees
not haue he ahoblily_ta_bAaduce the deluned style Hhus_
mathng
huucaluninë
maybe at
wil disblay erdinarylet
elements_ enslenty_in dilee Ktousexs

Vauueus Phusical_nline
elerents_uth íer lags aHe
PURPOSE EXAMPLE RESUUT
4 zalicigeteat siler liz tet
|sbz-b Bed lea
z-<l
sbtet b tert
Undeslinedet lztert luz dext
bgSbg Bigger ferd Tedankbig Text in
bgaeH312e<\biai bggenize
ddzsde Displayá.akdedcted «delDelte this
onlent aragabh <ldel
kin-<lR DAsplausa IRAr KIDdz Šnset Shert fhia
Ted fantent 1Ris hxagrabh-lina hxagraphn_
LSmallz Smalle entTectun <small Text in
3Small Srmall sizslsmallz Small Sae_
elements «/ille
>fherd
sheaditle- Nested Phsical

Bacly
elements slhi>
H-Use Physical mine
b Bold 4/b>
hbt
« Halic slb><i><h3t
Tetisb Rold
tn H7HL
c-Rold i Halic <u- Umderline/lu > <i> dext </b-
<
lbody
<Ihiml

element
use Phstal Tnine

Bold
Text ts Bold 4Jtalc
Bold Salc tndartne tet tn HTHL
5
hen
hen dhe uebmgeiA viewedum1 abtousser you_ull Ard ar.
Hhene iA no. line heak_he Hert lontnue uwth he (on-dents
he next ng YeLI_LXant_b_ &ehastnladhe (onlents ue
insett_shtz dãqat dhe endgeach eement sheuldL
be neted dhat fe
Phykical inlineelernents can be nied
6
Logical dags
inline elementgimblci_dexcibe the detHcordiog
degical

6_d$ meaning het delheotouser tfat dhe ert


(entaniedwisdifeuent Aaonodtnay dat but it.s
uptoihebtouer heis te disbla dead leglcal
jnine elements may he Hendexed dilleuently ay-
diewent DHAL REAI
Fer eg
<emzueltome te Klem zHTHL
mau HEaltun welcomefo adput
HTML but Hfis my-
Lau erem beukex _a_brauzenas ome_may enatije
itit dieently-

falleuwino aHe_he list oeqical inline elemenis _uifh


Jheir tags
TAb PUROSE cXANPLE RESULT
del-s lde- Delnaln.ctuordsha«del-UISVAL Visual
l dlpanued in ShlicBPŠÍC «ldel»_ Basic
semzlem>lkremphaisinump.pauskem 223:0920 23:09 A080
documend 80<lem
Samp Samorsmmpleoxibut-let Sampztea Teat
alampulerptaqrmlsamp
RStirang 2 r strong emphosis«stronqz Tmportant
KIstrong_ Het ffa ha)Semanktc Lnporant dak data
umb for Searh enginel <IStong
KVar> Inta
U aiabe Knrzint
fordeining
Nar in computer langluaga <var
C mathmaltal.cgula
smauR--heenclesed Hexd 6Helle <maak Hello

simarklignlighled withydoulikram slm- VicRram


block akz

tnlne elemenis ate mare Ukelal Jfan tfie Physical


diocigal

inline elements becalle ia


hHaese isunable to Hendex
phusical unhne elementit will_displayrdinaxy tert
but lequca nlineelenent3aluu Hendesed
byJ he_ web hskouwe tb stongly bhiktal
inline_plements inyolusi_uébagR
hHm
head Hile» ent element /hile»«hend
body
ha- USina fort element)ha»

font fate.'Courier,Aelvehal aHial"


ne font will be chesen in order
Courier Arial, Heluerical
l fent <b «b
<font be "xed'>Text red în tolbr ont <br ><br
fond aae "2"> Jexl oSie 8«
/ont-<br«br -
<font Size ,"+3"> on Sze t3 of default<|font»

br-<br
<font Si3e.
"/>Fent - odefoult </font>
Sige
lbody
/hml

Usirg font element

One, font will be choosrn in order : (outie,


Arial
Helvetica

Text Is Hed is color

Tert ofs3je
fort 8get3 dofault
font S1e-I. deult
ontdont
a
element
fonts helb thcneale he onteni'3HmdabililyJhough-
nt acek
uSimg
i
yuCon
olar debend upan
manage
utualingdhe foNT element
e
byauker youaue-

TalleAL jau GSeaifhous do forcmet the fanis

coler
a
en uugbþage i ed ta set the upelaces1Z
ef fhe tont ued
he tellecuing dfree atribules can be ud is03ociation
uith <{tNT> element
FACEThe ace_allaibule is uked asecif dietupekare
labe šcd jerthe lect endesed un hefonI
elameni Hs_value _can be Dy_a list of
heam
gpecified
namea áebanaled by lamma the zdAied
ist fhat _unda en he uisior's Aklem
Her eq

xkot faces"Arial,Caurier Heluekca "z welcame do HTNL


fontz

2CoLGR The colan atinbule isued specif the oer


ont
kfent face " dhe fond
mlore'fRdooo zTet displaucd unRedColor 1font
Arial .ousie'color
Text displauedisArialerleuuier
"#coEFoo'
bntuith qseen uin coler <lfntz
3SIZEtiaued b seukq dhe Seefefot cam take
gny alue Hangung Ho_ushëxe 1Jis the Smallest
ent Sixe_k ¢
in dhe lames nt SagJfe delault-Sae-
JA 3
x font Size "5"zTert e Auc 5is aheunllods.
hHrml
Heoding
elomeis /4tle>«hnd
heod htle
huk lhi
Maintle
ha- Herding
8 rsl Sub heading «lhs9
h8 Heading
Subheading-/h3
h3 Hending 3econd
hird Sub heading«/hy
h Headina

h57 Headings
furihSubheading/ h5>
« /h6
Headings Sth Sub heading
bod
s/Mmlz

Heoding Main Ttle

Heocirq -first&ubheading
Headihg
3 Secend Sub heoding
Heading4 Third Sub heodihg
Headin S faurth &ub
headinq
Heading 4i4h Sub headirg
Ötedk- ere Tags
Bkck level olemenis
JHende Qn abpli@ble
Jnset_an fomating
Jne btnak er Ca9HuageHekiin_
addttonal
Jhelece alde dhe lock_ie
Len hey al sart en fieir
ne line.
Blockeuel Plement ate genexally
a mullible linea Aext altRougnhey
applied.

J ngle lines oJert me ef dogs dled er mau beapplisd.


(amesp
OndinaRock Jeue elemenis aHe <hiz«h ezhazs huz
h5z<h6< pz,<br<hr></ez

eadtng Jags
he HTNL headin element i Ued eena
Jhat QeuL luant a abpan asheadlines in_webpaae
HIML SupbortsAx heading lewe Jags <hizsh2zsh3
dert

The text áBeued lo disþla ench homdax elament


_CamaHu21gniconfly amenq bxeusseks
Sene example e applyna headng Jags axe
hi- Heading Main Headinashiz
ha- Hedding3 irst Headiha </haz
hHml
headHle» pharcuqraph elenmeni <HHez /had
body
<h> wth oragtaph </hi>
sua
<p>
worRinq

raa
s/body
m hope
whee dream Sold e
aue whal driue us
in
<p
le & iHane

hAmlz
WorRing wth oceyrapp

dreams h hopes aewhai ae utsin fe&dfexe


doive
sold
is
world wtoe dxaoms

html
Head«4itle > br elomend</4dle > <)/hcad-
body-
<hy» wilh br
- line bsaak <ht>
worRIng
p baam hope3 ate whai
orld <br
dotive <br>
uwhene dreomaad
us in ule& Rere

<
hHm

Working
body

wth

ream ate hopes is


uin le thete
(haaqaphJ
ae whal dotve
world
doüve
bsr- l&ne bramR |
which deams as1e old
1he

b Pz
a
webpaa.e0
elementiA uled_Ja

ap Jn ià deAine hen
ehomaeARe_ poaqrahh
daßinea
rtagraphJna
uthen uau
Lou gbsuptly-
ahsHup
uebpaag
The
ags pmge
aca as The tet
a enclesed in
single
b geNOHal_Syntax far uina ait:-
align Valtue" hii taq
huis tao
_htagrabh

,
detelhz-

BR Tagp
The ert condaihed «br
eit dees nat Contain_anelementdA_an enptu element
on emdina ag maziy.Canlentstdeesnat ha
to et
uant t0
uant dLedShen uou
couage
Jmo decument caciall with
9ueliun Gr blanR_linex
Nialud ualtued aHe
n
none letighi r
jinliae

all_he
elements-

delault
CUHreN
Value
ine
nano within COLLAe> he
<hHml>
iHle> hr element
«le></head
hend
body <Jhi>
breok
hl> worRl g wifh ht
Pine otuldth
l50 6S3e 3 <
hr widHh « 50 Size."3"z
Ibody
)himl
Wanking WR he- hHenK

XnecwvdHth (50of s3e3

hml
shead-iHle> Prefonnatted eloment Hille»</hesd
body
hi> WorRing uw th pre etemerH /i>
The Cod e ts
<pre>
uold maih C)
in numx zå num Y:3) Hes,,
Jes num* numY; +
Arint Ctd"t Hex
/pre> <lbody<]hm>

Working with þre element


The Cod eis
old mainC

Me r numX +
numy
Print
Cd" Jies)',
SHR Tag
hehr- daa uLed da
maibHaR n ph
8apecify_basaoabh
webpaae:St 8peclies JeaR
te
leuel file
eauel

unsexinabornpndal Jine
mastlyLAed io
n
he uebboqe SEIS
knoun 0A &ebasale_document 2econ&:At ds aVo_
horiapntal ulex

PRE Tag-

Lomehmea you twani lo patesesue dhekces


dables6
Cansuage Heluana blu dhe let do
asto enxLHe Jis
enactmeanina kHebsiesentaton asin he
a H Ce cde oa cake
Compuier þroqmm:JE Can_he
o-
accamplSed dhstaugh fheune_of PRE element
he PRE olement Helain) all theSpare heo
inea Jhe tabs speciied he PRE element
Steprea.enked b Prez <Prez
<html
hendill-Unordexed kist <}4itle ></head
hody
h Snut devices 03te «Jha
rulr
h>keybeastd-9li >
xli Noue li
<llz
ScarneH<li

bod
/hHm

Tnput Devices ate


okeyhoord
Mouse
SconeH
disl-
hile Heading dfe
akure Contents ca document WEener
aly
ally -puee_ Head enl feHequired informaion
ha st is ed aaitstncnedent'n'
ikemied
erha
DAMeHent
VU bea op ista auailable an AIHLANe

Bulletediat lor Urordexed Jista).


Numbexed Jisst LorOndened Dsts)
Rinaton lisia

lUwoRRERED LiSTS_sul)_ iu
An unardeed list also mlled uleted ist it
Jermalia dhe quuen nfonmaton ina
Bmallimage
listtii
bulleb
sa
Jhia listl8 qenexally aLBediuten. we have delo
Jtema dhat aue Haalled eme anetia ut dhe
erder e lemA unijortnnt

he sepa fhr a0atna unardened list aue


Sa ithctenina unordexed ust tag <ulz
Stost
Enke heiat utema ycponin taq i ellued
_b indivdual teo he clesinq s/i taqJA
cplianal

Lin)hnalluend Jhe unerdestedia bu-endin4 dug alul>-


himl
Ordesed ists -titke» Yhepd-
head itle
body
to build awebsile </hd-
hd Steps

ole
Tli Poning TdenHly goal s«/li
TAalyais Content bhuchionl ty</li>
- Howo
liDign& development
orgonige«li
TectHngh
Abi shing 6 maintenence qli
<lel

body
html

Stepe 4o buld
a websitee

laning-eni f qoals
aAnalysfs-
3 Desgn&
Content
AumcthHonaliy
deuelopment Hous to
Teshn Hous toorgoige
orgonmi3e
Ruishina
malhterance
ORCERED LISTs sal)
Csdeedbiat iakad aIAed dHebtesenta equence
steps
Ai
siha nHeJa Jhe benfarmed a
ain guen Grden-
uepHeeni ed uaLna Numbe rlettexa
A numbeHed Jint aluiaps begnuith.s.atz taq enda
wth <let tag: Hexe of danda er crlened iat

HStant with an otanng rdeered ist lad


Speekyfeiz kaa hiloued by indudual dem hedeana
lag lle us opkonal
i)End the_entire ist usith a dedng dag <ltz"-

DEFINA TION LISTS (dd

Delunaltenst ane hmasily uuaed do csxeatoa glessfyJake


iat ke Juat o denia uithdfeir delunatona Thhe
deniton Oiat 0e duaa ecloked in<d s ddlz
laa9
head ller 9Anatton lst-/Atler-v/head

rbody
ha- Dendlton Jst JAd
d
rdt Domain Nhme syslem ONs) <db>
dd Ternet ervite Used to look up aompude3 ram
ind its P addiess
«jdà

ld
body
hhml

Defnton lust

Dormain Mame &yslem ONS


Tnlernet 3euce uded Ho looR
up acompuker'3
home&nd iks TP address.
Maggeaiom hex tie og Justsn dhatist
Consist

|
deuatton

gte
dd
nexedepinitton
taas
Optienal)
dekpecthuely
e
auts a aDeßni.kendem_ ats_Dexcipion
idema

ue.buea.ented
busdir-
hedesinqldiz áddedags-
Hyperlinks
henmeeen seme uehsile dh aueb daAOLOREH UWe_often
nd many antentsin_ auebhaaeAAat uClkcked akas-
A e ebpa.qe ar 20me locaton uithin he same
uebpage Theaeent imagehelp Akuigato aCHOAS
yasleus_LDehhngcaen fie ntemek
eborqe
Thexe nkauna
0Heermedas bupeslm RA_
Hupesulin R ene he most
þeuenkileatune HTHL
A uniful a
úniditectonal olnterdRat alleusa uexa-
quicRlyumb omRe
cuent uknpage ta ñe
HheH eb
pagea les,e-mail_addteas lacatana
in he ame age for anuhing- else URL Can a
Heapone t
hus helpsIn auigattnq- on Tntexnet. he
An CHOR TAC sar)
lhe onchar element Hepreaenled Q«laz Hags
(Healo byfexlink a webpage
A_hupexlinRinks oqe ne
anethex o
aludaa Apecifedwthtn dRe<bsd-lagq n its
most_ em
dbHepiEae nd as
sahref URL" _Cikoble dentszlas

Now list usconsideyed Soaeemambles%


aeatog inR de_anolhex uebbage_uwith sarne websiie

A aNtainatHome, About(ls, lontactUS web


uebsleUNiall
page in_additan
move
a
eIeral_Gthey uebpagqes n_arde
am_ene bageda anathe uithun fie uxbsite
einset bypealinRa uaIng_az taq Stlunkahe-
OuSNLent uebbaae to ancthes thin dh uebsiie
forea
sahref Into-htnm'2 click here do aet301 oa
teatng link io onethe y iebpage in anathexucbsiie

n erdex _provide additonalanfo ti Sometmes H0quifed

Oank doa age oa di uebsihe absslue


az
URL'S muat

be pecified ulthn Re huep dilubuto o tag


Gn
n_etien ulerda the enite eb addtesa muat be
Apeafhed
KAzhref-"hps:/lutowyauttube.com Youtubexa

3 xeating inka 8ame


whi.n die_ ebaqe

You Can alo ceato inRauithin_auebpags mare quickly


Hem 2echon ta anathesIhes Jink QHealsaknouin.
U ene
as Inktopa.e inR)_
hee linRa aouaeuluhile CHuaatng ebbaqe dhat
ae lonakHeguirea Isd oXmllng. dmave ap daun

Consists e Js o unR like nent 6lahleai op o age


4xeatng e-maillink 96-mail .nRa 0e apecial ue
AunRA hat aa fetall
dilkeseent fam dRe Preuisuly disaussed linR They allu.
he uistters daend yaucane-mail mesšNe_ eQLIC
You Can msext_o-nmail linR aA teleLOs
a hue"mail io:anhnsshhuur 8ola_qmail Comlantant-
me slaz

IOu on alse ombine multiple_þrabestea sepauotng-


dñem ualna mbesand A
maqë fG

he mgelement unaeszla animagg into (ja ebage


ib an embt elementsda thie emding Taglma
idpak mandoory You can þlocelkefone_cesing
sast aq Thetugh d essental to specifu- he
Me-
Te aoubufo to_mato it LAeful I taRea dhe fartn,
<imq stc"louex jg"
Kimq Sr "utl

o
appeif qau tuant in>eat an imag ile"Haues-
a
Hpg en uebpaqetiat dfatAHeaidinain he Same
Rald ex m shich_uOu
ouuehpage uHe)iding NoLn

Nalue_
3
ma ge Hle name needed dobe Apecified asthe
tie SCc aitHibua a follaus

ma Stc laneroe
shen 0auisifar epena awebpaagthe imaga apeaate
tRe othe webpoqg Cantents aredoonleaded One
heuld maka Ue Aat the im le
SIze laana
Anall as possible Sone_one ghaLuld also use_ mini malL
imagea sha Uebmg
OthenMSAtribates
(ACL ATIRIBUTE The ALT CAMernate Text) ibuabed
a apecifu allenata sdesct eran imaqe:
n_ardeH (veds sgivex &hont descHipkonabaust
fhe image hen the mage Connathe disblaye.d
take leng me
to HendeH aluaa is leettes
to giuea_Sme alkernato ext to animage
foreg
sim Stc
sima ouej alk "Tage
OuseNlz

wDTH A HELGHT ATTRIBUTES The undth herght aleibulo


Imaz Hag aadlaed ta Set
dhe Didth_ heofht animaq Acth dheze
allsubula aHe opkonas You an 8et alue he
harght idth QWubuto un plrels er in percenlaga
GRJheaelral&ge om 1talao
breg
ximsIclouwes jpg"width"laa' hetgnt "loo"_

AuGN_ ATTRI8U TE2


(i) ler an maqe s
insesded ln yoLLH
uebbage jYau con delemmine ha
imogk 8hould be placed im_HelaHon aatter
Contentss Rthe ebpma R oucan ohgnge tRe
altonment animaga Dg lng-
QHbuto hua by propesu aligning he image ya On
enhance he abheyence e uebpago
orea
simqar- "louet"altgn "vatir lz-
he alue Can heap midde battomeft Hiqht 6
v8ORDER ATTRILBuTE Bu delault na borclesrabeasa aHaund
anmage Unleaj heimagetà alink- a
IndlkudeDorde apecfc udth_Me 03sign he barder
altsabuoHo semhe numeaic inlue in the imgztaqhe
hehcknes o
e
Nalue perikicea

<imqscflawer J barder
the barde

a"lz.
aill aborder Airela asaund the loue
Pg aa
display

bosdex atSuibule aGignedaualue 9-


hml hle <Hi#l.
with-lable
hadtle» webpage tte<lhesd
body table with /hi>
xhiworking
Hable

thRalho h
th> name <Jth-

td 121 <Hc
<hd Borushi <Hd

ld 19Hd
<tdr Kopil< Hd
Hr
/ tables
body
hhml

Working Wth toble

tno Name
Aarushi

88 kapi
Ceillng Table n HTML
n_erdesB Hnla_atable' elament ed
Hepnsenied hyxiable tabls tags A shablez
acts as a_(ontaineuor able HOLs

Withun hesdable sHable taqs a eajuen&e HaA


ae deAined: Fach mu
element_uwhch beqin
in a table _uisa

with <ttz taq


definod an
emdA
Lwith Hr:aq E a_Callectan of tadle haadan cells

Table headex plement is iebreented unathu


thzags-
lhe data tou within the fableabpeas belathe
aable

.
tableheada SHOU Each_ data Ha in
ContainS aollecton Cells that_aH ALall
Ameh no 80 Cells_in able heade Haua-
Tnerde todeßine a cell HepteSent n alaa
element bte
SHeLSthe able data td)'_
ltdr_aas ed wiihinthe tableSAO (rL
ekmenA
Adding border to atable The Hable you CAGKtadhad
no bordorlo add bordes
OHaund he lable we Con_be bordax atiubudo
for ea
Ktableborder

Hable
&Adding
aAddinq Caplion a
to toble uite alter _ubile orRing witb
Hable nu Ueuld liRe dogiue ita_

huersue dexaihion me able m its_pupose Thú


etement Hebueaente
Can heaccamplished uslng Captian'
tsingKcapli.onz a Z taq: foreq
Caption

aptionalign"yaltue" z Iext <l captian


Seting wldth oatable You anset tAeudth ohe
table uaing usidth attributo The
yalu.ear täis ttibuta specified ether înpixe -
nerma cperrentace ef auailable 3CHeen_
Bu it had depoteaied HTHLS far eg-
Ktable uidth
n
"100y>

<ltable-

Setting CellsbacinA cell.baddina You3omemea needsis


adtust he uhile aceInyau
ahle Cell_mddina specif.ex theBnce blu
cells the-
cell content its bord er Cell SpacinqApecifex ipace
blu table cells
foreo ellpading atribute
stable border " Cellpaddinq"lo

sJtable-

ell spacing attri bute


ctable border "q" Cellsbaoing-"Io"2

table
Setina Alianment2 Yu canset tie hangpnklalignment o fhelahlecoth
Mepect a thebrouSREr uaing alian attilbuo
unindoau
eo-
Thebesinle
Aatueforaliqn aibue aue lept ugnt
Nentre far
table algn "centTe
<Hablez
Atribule Red Eyea
rerder WEIOnT
HEIGHT

MALES
1 O-00
0003

EHALES
uleaprogiam dodrau a4able in_HTML

Khimlz
Lhend tille ebagewith HdhleaslTiile sklbead
body
h orking ulth ables «lAiz_
atdez

RHeL9aban, "a"-CHENDER <thz


colsan "3"z AveRAtik <thz
ch Lspan"9"zRED EVES <HRz

kttz

hr HElrHTthz

<trz
thz AALES <thz

thOo09<lthzE
Kthz u01<th

h feMALESthr

iiz O008 hz
athr 93 hz
SEMIABR
DRV SCHEDXILG Tobi
END
HONDAY 800 m 600pm
TNTRUUUKCTON T6
HTML
TARIES
TUESDAY 8am am IHACE
am 8pm
unRs
& pm 5PM
Lists

WEONEDRY 8 am aam SBRHS


tabler
hodyz
himlz

uile abrogram da duau atable tn IHL


<htmlz
|shead«litlezuwebbaqetnith table «Litlelheadr
Rodyz
Kdablez

td u6Han3zDAY <dz
KAd_cellsan SEMINAR <dz

<dz SCHEDUILE td-


td Hauspan zTaPCtdz

ld BEGi Hde
ldz end</td_
ltz
fe n
HoLGspr V-Manday </Ad-_
sdiausspan 28-00amsAcl
HAuspan 2 6:00 þm«lda
std INTRODULCILOALTOHTNL zlHd.
<trz
tdz aBLES <lHd

Kdaukpan 2TUESDAV <Hdz


xlH
tdz am <Hdz
xtdz 1 am a1ld
tdr ll am tdz
tdz aom_ xltd»
pm Hd
Ktd
d Sþm «Hd

Ktd foospam" >INAME S_UNns <ltdz

td WEDNESDAY <LHd-
tdz_8a m xtdz
Ktdz 1apm Hdz
Adz foRNS<ltdz
slttz.
ablez
lbodyz
lhmlzz
mponeniS onAi
4
Sngleline text input lontaLSingle ine texh Jnput a
Control

ua
available: TH

aingle
s
lmeo
dhe Samplestype ot fom
uaed uthen you need
tet Auh as thie name
e enier
o ihe
Ciy etc or enegtarch unfkrmaian.Tn erdes
Atodu.cd

ka xtad f
(nkrel<inpui ztaa with is tyhe aubua
3e calue Hextuis ued
for eo
Kinput gpe text"ameuserdd"

hssuua.rd Thput Contral The hssuord inputontnl issimlar


Hosingle linetexxt npu. Lontal with a
dlkeence ha tmaaRa he typedtea chasuacteua
Åa ushen aiLker_entexs Seme chaadonathen either

OslerisR (*)_des (*)_0Ae dis played foreq


«input type" hssuord name "uerpaas"|>
Logth form

UsER Td
Enter Text
Passuord

Commenmts

Enter he Comments|
hexe
MulHline lext nbut lonttolThe terlas0a'_elementatehxesente-
Dy« lextauaa lert-asHaaz taq-
disblaed O aDemum_a buauRER JAat tall_gneuLoh
contain mare Äan ene lune cR tet at the ame me-
he mulHne Input Contralis suitable forCommen
lexct

addtess ele foreq


<textaeoa aK 6"Cata30 name z
"Comments">
Enter 1he lommens hote
texi aHaa

alse
The delault lextEhter the omments haue uill
he dixplayed
Khhmlz
head
xitlez NuHpne input lontrol<title-_
head
Kbody
Khiz legin fomm <lhiz
hrz
Komaction
UxeY Td <hiz-
Thput kbe.
S1ze ""
"Hexd' id.
lagin

"uid'Name
"EnkerHact
yalue
ph mettod

"z
,
"gef"z.

"ued "

fassLad<beuz "name
hssoo rd"dmyasuord
nput tuhe:
UBexpass" lz Xbr
Lommenks; <by
hext aH0a ld mylomm HoA "A
name "omments"/z.
Enter Re Commends hana
lext aHaa
£brm
badyz
<lhimlz

ChecK Box hput Contol A Chekbox les uaeaaelectemeer


mere apton fnm gben fre.deAinas
Set apHon T0add a
checkboaconial: ithin _a form,
the sinputlaq uith its ipe allibulaa equal hecheckbox
jaddod thin hekfom aq
xinut pe "checkbox"

Mulible checkbox pLu uamt ta addHultplea latad

chocRbox in alocm iñen he name alibdo


all cheakb.o.z conttals addod in_a feom Khatld
haise the ame ualue foreq
x himl>
theadztitle Checkbox mput Contro) <Hitle z<ihead
<bod
xh,VaLLA habbieA <lhz
Your hobbies

C3pots
Singing
Mobile game

render

o Male
ofemale
shtr
kbm actonlognuph methed'gel
kabelzxnput type,"cheskbox "sþe'Yid,
name hobby" ports <label2shuS
<label<inþut ype,"(heckbox ldz Sino "
a
"

|
namehobb z Sngunq labelz
<bxx label><input the":
name
Aamas
habhu
lobell
" (hecrbax "id."mabile"-
Nobilk

form
boduz
<lhtmlE

hRadio bultom input Control The uadie htten leb uiken select
onlu enecptton fram quen aet ocptian
o add a Hadia buiton (ontof_uuthin_a krmadd sinpudz a
x
Haguith

"
sinpui
id"Hale
the llibuto aualto Hadin tareq
"Hadie"hamegemdax ualue
z Nale
Kintut Auhe stadio'namer'QendanValue_
id "female" lemale

e Doun listBax lontol2 shana aa eo mama cphHana


ina qGHLD Men lt ma CCupu_
alak
Sale
a_code
Apoce
uniea
alis
uea
box_
_
forequthenpeciinga list
mantha dalos ee
Conhrol ia_led
In Ruch_
Drop down List examble

hoose a.day: Monday


Tuesday

wednesday

Thursday
Ariday
&aurday
Sunday
lisbox tntof
This

Afe select
ARe select
CHa dHcp deuem
element
HepsHeent neuhoUng
far eg buSelect
zaaaaSelect
xhiml
<headzsttlez Select bo
(ontral«Title
sboduz zslhead

<hiz op dauun list «lhiz

fom acHanlaqin.phf" method-"gel" z-


lable
Select
Tephan alue
hr."ueeR"2 cheshe_a
" day«llabel
name "day ida lweeR"|
"disabled
hoeAe aday ueek-
<lephonL
apion ualue "Hon"> NondayxlGpltan»
ophon ualue Tue Tuesdayoptian
apHion ualue Wed" ldednesday&Lapten
ophon alue Thur

ssption alue _ fri


ThuHaday<leptona
inday slapian
opthon ualuc Sa' SaluHday optioh

plian \alue"Sun'> &unday aloptiona


Seleci>
ferm
l bodyz
KIhtml
Logn orm
serId:
Aryan Sharma
assuwond

Send) Cer
Subnit& s Reset buHon_ Conttos The submituHan id ed
DyaUACH-
a Send data enieuad
in he em
buHon (onhrol
a the
unthin
3mied okde SeittToadd submi
a a
orm_ add sinnit taqwlh
a
Aibe aubufa eqjual ta submt fareq
xdimlz
headxtle- assuvad Input onknl lhtlezslheadz-
bedy
hiz lbgn bm«thlz
fbmaaclhan, "
logn.phf" methad"gel ld
Form 2'2-
dler d <btz
KInulkbedez'name uenld"id "ud"-
value "fnfox Tent"E <bz_
hsuord<buz
sinpul type pasuord" name"usexpaaaid."my-
paaa2 shnz<ha
ihhut the "ubmt'ld.my Submid vakue"
Sernd' accessRey z"S"|z
KInpud kee'Heael"id "myRee"Value."lea)
xhHz
xformz
bodu
STUDENT NFORMATION

Shuder Narme

Orendon

O HALE O PENALE

CouHs

gelect here

HOBBIES

3electhee

ABDRESS

Tgpe hexe
lito apuogam_iB dHawajenm in HTNL:
<hmlz
headditlez
tbRM-IKHtez«lheadz-
<bedu
xhLz8TuDENT TNfORNATION< /hiz

famz
<b namo <lbs«brz
Skudent
input tbe"Hadie'name"yex"|>MALE
Inpud pe Hadie"name"yea"/>fEMALE-
KhHz_KbHz

KSelectname (eursea Se"">


ebhon value z
|T Select haxe «l0plionaz
epHon_ualue '9_> BAlepHonz
Ke-pHon waluee 3
> Rcom 6ptHon
Gpion ualie BCA lepHanz
Kaplion_Vatue 5' BBAlGption
1pHon yalue '6 z
BDN<leplion
KGpHan_Volue Iy BNoc&leption
slselect <brz <bxz
<bz hobbiex lbz <brz
1lect nome
ephian value
-hebbiea"Sizez
"T_Music<lGphon-
>
Kepiian_vaue,"_ Dance lGplion=-
ephon vattie3' ReadinalepHon
epton luaHCe aY GtionaOpHanz
.r'i

Travel veservaton form


dendtes
mandatory

fulnome**

Email*

Select Hous package *


manali

Oeival dat*

what would you WRe to auaul?

Boarding

fcoding 3
3ignt seing

disount Ctupon Code

ter ms 8 ConditH ong


Iagree 1disagree

Comple fe Heservatton
lbelect sbr<br>
DRESSlilz«lbz«DHz
bz<ly
text anaa HuG3 ots"lq","addu
dupe. hoe
sltext asuaa
Kfem
lbody
htmlz

luo_aProgram Ta sHOU a m in HTN


htmlz
headTHle- foRN-TIL<htle ><lhead
<bodyz
om
xh3z Trauel Re3eruati an form «h32
bz full Name*<lbz
<orz
Xinput kype name""2
ex'namee home
xbz
xbz emal <lb

XDzSelect Teu ckag sbz-


Selech homePla ce
Gphon ualue
"
"|"z
Size-"T2.
Gaa <lepian>
Kephion vallue "g> Hanal <leption2
dpHonua'ialue.3 ahaukielopstian
bhon Ialue 2Achlecdgmj «loptH.onz

<Select 2sbrz
Kb Arrival hta** <lb>
<brz
npud ype tmame Arnualdalh "/>>

br
No Pexon *<h
xbrz
Sinpud ypetertname "knana"
xbrz
xh what luauld usu like foauail Shz

Boasdinq inpu ype a Checkbox value"boCHda name-


bnd' lz<br
foadan xinput ypee 'checkbor'yaluc- "
fooda" hame "food
<br>
Checkbox alue "Sight"_name
B1ht eeing input tghe
Se eing <brz
bz Dscouni Cupon Codelb--

input pe "lertnome "(ode"]>


obrz
bz lEHMA- onditiona*lb>

npud tupe Hadie"ualue ge havme'uel arno"/>


agree
**
*** ***** ******

Kiul pe.adio"uallue zno" nomee "yeserra">


Idisaqtee <br> «þr
zinpal lutpe "Submit"
formz
[bodyz
youue "
Comlleteeenatianl>.

Ihtmlz

You might also like