oDEL

(& CsS Box

s e 4aih
farten

tP
margi
bordes
pedding gt
Jo Coudet

olnd.
Contndt T the main Coteuct ef
tcan be tet, liks .imagas, vidaos
O ou othe odet.
Padolinst This ha gop b Condud L Bordas,

Corde This n e visualized a otid bordux

pourolauy Contend .
Maugin c Th ha space thot s maiudaiud
vem Buu boxes paticua P
Space t bordos

() Lit Coposnts Bovtsbap ts advailages

Cowpeneuds Borsb-as -
(1) Jumb drum
( Alextz
Kwttovs
(4) utton o
(Rodge
Dropdpwn
Naubar
8) Fovmu

Clo) Spiwney
Acduonta e Soetstep
bouie cwlodg-e
bauie encukadg a af
Ayboolykh ust
Eos to use can stad using bovtaP
Css
TML CSS
's Jatponaive
RadwesEovtstrap
RespenAve Ond dstops.
do phone,talblat
adfuets 3, n
mo hli
oh lal

Approach t n Roetst op 3,
Roetst-op
Mebile-irst oRk
Core fromau
a pad
ped
i t tyles
in GSS
gelectovs
)xplain vemouus type e
Selo ctorS
CSS meted for celactiva
ipla
Selecturs OURR patfexus 3uls CSS
to proviole styles uung
elkunts

TYpes Selectos hulpful shen

be co m s
Uivers al Celactvr in all HTML

wieh dv pt specfic sty

fe eb pa
eluucds hin u

pperty value;}
*masgin Opx paddiq: Opx;
that
sclectur hat
Ht js a
a selector
Selotors
ELemu elkmaud a a
HTML
the nan gany hese ebnets
elsweuts
to Rese
CSS sty
cloctor dev opplyng
Ebnud ane(Propecty Valze
## cce,4
alo bevder ' Seid 1 px

Seloctov hs Kelstor halps davelope

( ) 1d Coded
madk the LD Joits styn
f
Jued wth the hep e hasb#) heoe
14

Td-nawmeYropexVale pety Value)

t box idtk r90p wainlo pe
 Gelctor Ths gel ecdor he
efhe ad
(V)
gelocturs all celecdors. Peclasrdd
helpful
a dot ( - ) . This celoctor seaxches fev ey

elma havn an tlibute value with Same

las Mamo vilhodt dst

.cla-namePrepoi: Vale Prepect Value 54

o Squar wagin 20 px idth : 20fx}
2 This sele ctor sty las content
( ) Atvibucte Seledor
acLording o atünbute attnbute value uchionad

n Square bracke
Attri bucte[Atype="fed "] Proprety unlue , PrapeettValh
input type "tei "] bakground - coloY i H{if
iolth oDpx $

HTML egectveti haw Name

() DesiGh
Phone No, Email Td Couses
hdl
haad> Ctudst
E < tle > twp- Regeslrahm / t i t l
</uad
bocy Studat
h1 p Detailk </h13
tabe >

th> tpLNae </th>

th kePh-No <th>
<h Email -Td </th>
{h Couse </th
</tr>
<td> Avinash ttd>
td 812051ISY /tdS
2td avinsh Oqnail cen</td>
tol Cs bds
 Ltr>
Ltd>
Mukul c/td >
cd td>
2/td>
</tdz
<td>

/teble >

4 b eddy
/html> vtervcoa Extemat DTDákL_exawpl

De-egh
d) e o e t r d i o n Frovm
o vm

htmd>

had Fom </titk>

Fom </tttle>
Legctredm
titla
sk h1 A background- cetor
Jtalic
:
font -styla
t e t align. Cevter

3
</style
2 haad
L body Fovt 2/hI>
UseR PegeRstyafron
<hi>

=
"ted"
Hpe
Na m e Z
pu <>
-"nAmpan" nane em
Age &inprd type ol" nane
"feu-m)
cbr

tyre
EnailId<inpud

4/pedy>
 Tutexnal Extexnal DTP uith eAmplas
(&) Design
Tntekna DTD

J 3fersad o as ntenal elemouts

A DTD
declosd ihin he XHL diles
gtoundalme attibute uct be cet to Yes
Thes ans doclarotin wTks indlapendud
extesal Seuice

x m l vesion1.0standalene yes "?

<| bocTYPE addres[
2IELEMENT addyes (na, Combe, phona))>
CELENENT hane ( PC DATA)>
ELEENT COpeuy (t PC DATA)S
ELENENT phone tt PcDTA)>
L addres
2 noe Dev kmai </nanne>
conpauy NIET </copAU
phane 2(o1l) 123-4St4 </phme>
</ ooldlre>

xteual DrD
tLs4acbs C dsclaud outtide XML e
AcceAed ley ectg tha Sctem attibutes
(wwnuyla2 efthe dtd orvaliel UPL).
ghenokolone atthnbuke w he sct to no P

Meas EPncuoles etemak SoRces

xml vesim I o standaloe=no2
poCTYPE odresSYSTEM ' addreas dtd*> e

< oddhyes>
nawe
ZConpauy </copauy
phans (pha
 adde dt d

21EE HENT
addyes (nawe,opow, phte
IELE ENT
has (tt PcDAT)>
LIELEMENT COwpa (t PcDATA)
<IELEMENT rhsne ( PC DATA)>

Doc. Obj Hoclal Do)

Epan the XML

XML DoM acceas A naupulste

o sfandaxd we do
Tt dof~nes
X H L dogs
deCuumeIctS XML deçs
r ITHLL
IHTHL
API or
prRyaYn
ha vsay
a
DD documanta
truetwe
ct dafins osical
mauipalated
aCcesged
a documat fo
a
acccc
ees

astaudazd 3ay
xML DOM dofnas
XNL docu mn
awipuWate indspandsut
xML DoM is Pladfem lnguaj
A N3C tandasd
Rot elanail

boukstee

Attibcte
Atibude Elemed
beek cateyoy

Elenadt Elanact
Elert
E lemut
pica>
Zother S yeuns
2htle >>
cibling
Tett Tet
ant Tecd
Giacha. De 200S 300
ve da
34ria Laucsatis
)wrife CS progy do show Tnline, Tdesnal
Exteta CSS

Tnline CSS
<! bocTYE

head>
4Cti Tneline CSS /ttla>
</kiad
h1 styla celor bluc ted-align ' ceudes S
TERS u a hsading /NP
coloY: sad ThRS paragraplh p >
<pseye
/bady>
2/html

Itexa CSS
2 pocTYrE t

2 huad >
tCUk > utenal CSS | t l o S
<stya >
colpr inan;
body background

masgin 4opx

2/hsad >
bedy
h3Tk headhg /h>

p> This aparogroph /r>

4[oode
txteal Cs

w an exteRnal sty Con ckoge

dhe Lsok a n efoa webaite by choging just
ead HTML yust incbude
Ale hulda
a J u t n cR
do etenak skyh ehait
ha ink olaunt intde hoad ection

Schaua wifh sts Siwpka,Complax

XHL
(8) Deme
Aalobal T

XML
XML Schema
t dihed as
XML
JonRaa
namepace
o allo
allrn
wes
t
o euis otnrthons umpeR bult in

Suppor oluiea odota

res deintim

XML Shsma Demitim(XSD)

types non Os
Covww0nly
Schema elenonts
Ways to Define XML

Sinple TyPe
) Copler Tpe
GLobalTre
S m p l sT y p e Exx

phone number tPe

ome
xst elamant

Conypley Type txouple

elanaud hAme A l d v e s
>
<Ks:
xs: sequnee
<XS Coplx 1pe 2
hame pe xS. ctivg >
yS eliyvuanl name Jpe= "xS. stin"/>
Cowpay
XS elaynent mAyme pe Xs. v c t /
Lxs elemunt yame "plove"
elbwe
S/xst sequunce S . oomplex Type> </xs
 (4') Glotbal Type Exawple

)Expain Concept parcex in xML ao diseus

the adventoge k disadveuttage DOM SAX.
XML facek
Apassex s eftwae Jbe Dr peckage
that pvoviols inteaces
pYeviolLs& fY wljent a-ppliotin-s
Jo work ith On XML olocLL
The XML Passes 3s dasignad do 3ad ha XML
cucte aa wa Y proqra o use ML.
XML asesvalidates the documsct chsek
thot t selormated.

PPI's
XML
XML Doc Cltent
V se Applicari m

DoM Passex
AA DoM doc Cotains all te ofomatin
0 XML doo
S Aopesed ike a stvee struetui,
The DOM Pause inplects o DOM APT
APL Aiple to we
Advanoe

rth ead write operatin

Suppo

Ths APT L vey aiple J e

pP
han .0ndm
prfeood
pAtofa doc s 3uquiro
30 widaled spexated

Disadva oges ecaus8e h whle

COWSunmes memoY
nto eor
doc. neods to Joad
X ML k otha
Alowea han
1t sCopavaufively

SAX PasceR
fr XML
Smple AfT
inplenmauts
SAX Af
ASple AfT Passex lus
bosed PPT
s APT eveit

inuitie Rte ay intena!

truchue

Does et e te
m hto
ho to call,
dd
s
st kRow hat
h at

Clieuds
oloes
methods APT place
He
Tt mthad.
tend
inuida cwDrkA
wDYks uUke
ke
bA Code paise that
tkat
eud
p asd
pa4Rd pase
Js an

handlor
h aoller
nn JAVA
JAUA
ent
On

fAdvortags
icent
Stnpla Maao

V eVey oat docuuentL

vlorks far uge

Lsus tie
Pisodenvd s0 s APT
evet bo4ed

Fnos tha tull infesmahb

vaye
Clovls
oecause data into pleces