1.
HTML & CSS
IN
URDU
gilutflgjardlfilémgl
fig)L, }:: .ll
Muhammad Danish Irshad

2.
1'5" . -'
I
. :"~‘= *'-'i. .~f—~B-3l"T"~’lLr"e. f.l'1v’. l"'—ae . .«t+1:-. '., "s= ~.: ‘:EL. l"t: aa, -+-HTML
"‘ . .r
- "' I '. F" " _ . -.-'-. -
_r_. _,'. . .5._, -': L.J| ‘.. -.__. _,I. '-" I-. __ CS3._, e': ._. r"". -+'. ; . .,*‘: '.e . _'-; .__. _-, ': _
E
-r .
E’
"I '-I . ~-, . .1-*"T_ "' . -' . -
-. ,_: :r: .:. e:'. ,_; ._, 'e; _. _, ., . __. __ ‘Ir,
I- I
as . -"
'1
_ . __, I+: _,". ="" ll*l»: :.-’ra= F’at: l++. _r_'_. ."_f| -' l. %". _,. "l. _,, :.'__: '-,3rHTw| L_n, s'»_. iI. .-. ,;_*4'i_2
. |' J. --', : .71; . -._1.: l- 3
HTML{ Hyper Text Markup Language)
:5 . . . ». -* __ 3"", ' -- _ = =: . __
r. '. .u : :-». -; . '-25.-**_ I. _,: _!'. »=_. .*~f. F.-E/ .5’: -’. ~i. ‘,_, ".T' -; -.. - aI. _,§ . «'_. .-: ._. *""; e=‘I, ~E. «-a , _,L HTM L
: - -"" "
. .r_ :11‘ . *’. _-‘; _+_ I; -:2; L-l'. _-I--Lr H l' I
*1 ldaalypa htr‘nl: —
_. J . _ _ h r_ _ __ :1 _ : .__ fl
. .': ._H_r'J~; .f- I: '3-: ._: -_T’. ._EI;1,r"". L.-. *"_. L"I"ITIlI'IL,7_r, §.___. ;; . -:. .-'—-_, »_"_-'-’_- --'. .*_. e. _-I. ;.a. _;; .._1._-'__, I
Aiifia C‘: ‘:'Il. ‘f. _;"lur_’_l$La+'f. 'FJl_, lI,7*. ;_, ";': *'IIHI_I'nlIL Daaun1anL: .~J, :.. -—-£245
_ fr. ‘ , _;3'’
€l'1l: r1'I| ?*'-il'l'll: n’| I3*
__ _ A . . . =* af J _ if »f_
. _: If-I’ Fl; L¢r: l,__, _'§'. r_. .r*: . la: ,-; '.__: .7; . -.-, -i__. l|= *-. -_. . . _,. 'l. ; . ..l_. _». _J. 'r. l L»? HTI'-. IIL, _.
. .._. -' H_ r" . a'
I a as a -' . ,
-. ~_ . 'f5_Jg_. I- . «.- 6“. _,rI. _,-_*; a4_l , -., l I. -_. I. ;-_---. ,_, ,;. '.-_ _a‘'. -', # I. ..
~: ti1:l ab riftitlea
"I
_ '. -''. -l. I _
-, __, :.'"; __. .~T| tI-El: %! i'. :|: l__Ei-""| .;_'—'I_
fihaadtnilhaada

3.
_. £ _, _-fg: _,: :._, ~'I, «-+-'. ,.I“= ' eee _. _,; :.L figueeri [I| IZE: i": ._, '-‘I. ..-"I-'_; .-1-_-'-F: rs“ Head : .
= :I: n:: I:lI, I:= éfb edye
. - _ . . ; av 1 . . ‘" ': . . . ; -5'7
, _I; l.__; i'. _:l. _g | .:I'. '-"I-E". -E‘: :'. :': F'. *‘= -'. !'L-‘1l_L'i-SI; -I: -'. 'I"'I. ~_, '-r: Il_. TIlfil-'l| .-'r. .-"Ed-II? -‘T-__: .-‘L-a-‘II:
-r r"
-, _.. _"_. ".; ..r
'5" . -'
. '-$1,? ‘ 7:. .. _.»-. -. E, e 4,; mg 2&1}? I: ’~‘°, +: L: +l. _}:3~e’. .-. , l, ._f| -.':3.-I54‘? HTM L
_. _,3:—; ‘-'-. ’,. ,«I*. ..»*I, r~*= .:»-. -*: “§IIe"I-ITI. .IL
fideetype htrnle
'IiI‘I’[l‘I'II1“-*
étitleeyeur website title herefiltitlee
ahead? -This is a Head Seetienélheade
'~il: ::e: :.l5.r3*Thie ia a bear aeetien you can ad you eentent
hereélbetiye
'~’~. ll‘Il: n’I|3*
C55 {Cascading Style Sheets]
_. _,; -a . »_Ia*I, _,r: .=, a-JJJIHTIIIIL. .;4-, .:. ;,: {r: J’eea
1_lnternal

4.
2- In line
3_EI-rternal
-_, ;: , I'_. J’j, +;I. _r. ,_; : _El: .5 HTMLI CS3:-'3.: _ , »'J_, :: Internal -1
at . ._, g* 5.5:} I. =~""-. .+§ E’ -zstyllee -= :lstIIle: -,~'7.; '_ LESS Internal
, ___, :_i'L : él. _-. : yo Head
-. f_, J.'E_' , -‘at’. .»‘”j; lIr: ss _, : HTM L
so ootu pe I'l'Il'l'lI3‘-‘
-éhtrn le
<tit| e>This is a titlesltltlsee
sheadb
-istyle l~, Ipe= "texUoss": - GEE Style here -: Ist1.IIe: -
<iheaolr= *-
<l: lo: l5.-': *This is a body Seotionsllnodye
slhtmle
3? 1' " -' - 3°" . . -* -‘I
. .l: »it: r_ I1;-IL :1-. '.| .lL: ;f§“g, _,'L""f5., _,l'l'. .~. =t| -'-. __; 'l'. .;. g.s. _,': ': I-I-’r: ._: _..
. ea .
_+LLl__: 'I. - far . .-Mel

5.
! -«aft! -*|
HTMLJ-, -I-£, ,e‘? I_; _ / J", ',". ¢ J: -L _lI. ==-I; seer-rs: .r1E_FaF
. £F’aragraph. »:lHeadingelbaokground propertiesJl3SS. reI
3* _. s1 ,4.-
-. L_. ',. '-1+ . .|': 'p
5"‘ E Ir‘ or-I _ _
_. ='_. _,-'. *.‘*, ?q-__, '.‘I. ~_, l,. ;_. .F_+_/ blnllnefi-%. r;. .,. .-r
-lf Jr’-+, .r*" 5’ -. «*.
|*'~. :_. *_. |-'*l‘3", _,. ."| s«r'_, __, f_l'»; £.»-'. ,_, ,'i'. :‘= *' I. -.1-I. '__: I£3I‘I-I-I'u"IL. * CESI’-; ’_T. ..'1.*_. .,_, I'l
, ._, ;r. £.§I. .§I. I”'~: st1.rle: ~,, :I. ;': .. §5 HTML
sp stI, rIe= "l: IaoI-zground-color: ore nge; ":*- paragraph = iI'p: =
. «'I: "._£Ilu_fiI-. .-E-I| ,,, :'rI'I. .‘: ES| "": u;, )r-): E13'rI: $l'I'IEI.1—r| I:-Ii’. I'1r_I. ‘rIE: 'I'IlE. ‘I'I'laIr, ;_: -Ir-£. —.I: .=rI; ru: r'|
.x: Head, r*-'. _;«'"'Ir". I_. ."l- ga. ;Uo? I.«. :L . _,Eli. ,=, ’HTr-. lII_. ~"'_, rl, lll; _,; .~. £.; “'
_£ .5 I Em I: -ed . §1,_, r£Eleetion
ahead}
<linl< rel= "stg. lIesheet" t3.rpe= "te: <tless" href= "m§. Ist}. rle. oss": =
filheade
. -". ’__. rI}_, ;:. I-'_l-I. ._. Eu. _I"HTIllILfif; 'l'jI3=s.1:£, l.l. I,I: p°‘. i,l, ae‘usesJ -_"I
-, _,; *£. fSsoe. a?Ln£Eatentlon; i.html
Firsl: F’age. html

6.
_ ,3‘ L. .-'r! --- Saw. » e. :. E: -zte n-tion . _,: . ossf-' Jié If CS3;-'51]
m1,Ist1,Ile. oss
-. _,; : ; ,1-- less
Segjr Declaration
Ii {1.. ‘LlII. ‘-I'iI. 'II. lI1.'. ".
I , }.
prop ell‘; ‘-. -'a| ue
-'--'3"-' "-51 L. -I
Headl no
,3 Alia: .-L Heading J: HTM L
<-‘—l"I'l3*~= il'h13=- <h2?°*iI'| 'IE? >
I-Ioarlirrg I-leading
'= I|"I3I'+-¢. "l"I33=- -= Chs“-I3"iI‘I'1riI3'
Hear] ing Hearling
<'~'l"I5I*~= il'h53= <h6i= =iI'| "II3?>
H in d '
“ad 3 Hea mg
sdootrp e-“=
*-ihtmle
. I'
an.
-I‘
- _ I‘--V: :'li . -
___, _. . -_, -._~; I,_, f'. E-odI, o‘,4fi Headlngb

7.
<title: -:ltitle1*
éheade
sstyle type= "textIcss">-ilsty'le>
ahead?
sbodye
-= :h’l: -This is a Heading-: Ih1:~
~fih2>Thi's is a Headlng<I'h2r=
*: h3:= -This is a Headings. -lhfie
sh-= l‘: *This is a Headingslhrle
*: h5:-This is a Headingslhfie
shlil-This is e Heading-: I'hEl>
slbodye
*: I'htrnl: >
H r*. — -1 . f. -*
—. ._, .-_? 'L—. *", ,_. -'Ir"""Iu_-I; F‘*: |l3'33"“: '~l"F| :": "'-. él. —.; —-_. -I: ;'-. .;—P»aI'a§; II'3F| I'I. .-fl
rid oetyp ea
stitlerniltitlee
cheade

8.
sheade
bmg. ..
spa this is Paragraph slpe
spa this is another Paragraph sip}
= :.lt: iod -, -': =-
‘. -"l'it : 'i'Il'-
I' . t 5”-, -|_g' y‘I_
Ci‘ if]: file _. “.-'_. '-I‘ , -I”-'-'- IFl'. '-l': "*'-"ah 1 I. =.*rl3.. '-. .1
This is a Faragrapli
'II'liis is ar1o'll1sr Paragrapli
_ E-: :»outputlé" Paragraph
EIEIflI{§]IClUHlII. __. »'L): J<_‘-C—3 haolrgroung pro peniesifjss I, .__- I
"I _. -
s. ..-‘L: ,_; .” CSE. _;, *'-'5._, -_"_. "£r. ,_‘§'-Eal3I~: g round eolor. _i, «-ss'_, £ HTlIiIL| »*3_; .‘I
-~= »£'l: * Il«5»; =;d'€= +'J;
_. _,§. ='_. LIL-3" E’ l: rgoolor= '?§. .;-‘L Eaoltground oo| or| ~*5__r. ‘I HTM L
-lriloody l: »gIeolor= "I: :-iI"il<": ~
=1 p'-= - Parag h ra ph '-? ."‘pI= -
<ihody*

9.
P‘aa1"ag11I‘. ::1p11
_l ' . ., 4-L: -I
*5 ""5: -a-— H‘
. -
'_‘ ‘-I
gaxflackgrnundg-. -I ESEIEFEQFIIZI-| .ll"III2|_. _,, _'_. ".'E-I-. “|Ii‘. a
-, _,_"; H. pro per1Ies
l: uanI<grn: »un4:1—r: r:: In: :r
hafikg r+: :und—'rrnage
bacl-zg ruundrre peat
batkg FCILJ | 'I Ii- EWEE-1251 f'I‘1E'f'11Z
backs; round —p: ::«1=. . itican
l: *.a-3|-: ;;| rr3Lmn: : n: r.: »|n: r
-, _,. _“; If-: '#+2’L= "*: _$“*f. _:"; ,_, _“; .‘; :2:’? i|'* ; ": ‘i_5“f. _:"'; '*? _,r: ,1
=1 5'. "-, -"IE2 [3,-p-e—' LE: <:Ln": sE"1--
i1:n: J'-, -'<[t: “-EJt: l-: §;I'r: H.Inr: '1-Zara "IgE. }
-= ..-"5:3-le = -
t; aac| :gI'-3LII1=: : -image
_ h_, ,;’FL}i’r; back g r-:3 u ncl : 'f__: *:": +., $€. ,_: '_"= -'7,_, ,'. 'I an
-=51‘-, -"I-3 ’Ej. ='| f3'-Z-= "[I. ’.': -:11-"ESE"? -*
113:1“-, -<[i: acI~: gr: :wurnd-2marge ; Ir'. n;: mage. gifju: }
=1.-‘st; -‘IE I=

10.
- . 7, “ ': -,. .=' ''--’F' I?
|r*~_* qfi-h‘_. ri—J? -p_: J!“-Repeatirg| :~. '!'! ..": '!"': --. ,_, .'! ';-"E-: "i""l'. -"'-I-F—-‘ii p”r, _;r-
ll-
_, f.L. f;, ‘u*-~r'I. .;3E’baekgreund-repeat
pae'r: gr’eur1d-: 'epea1t
_ 5§»: H=: +rtzentaIIy Ftepeatgr-5; . ,___I|
at}-'| e 1:"-; pe= ' te
'r_mL1~, -'<[L1ael«r. grpur1-:21-Image Llr . I;Ir‘nage. gif].
ha: ".«: grnunr_'J—repeat; repe-at—>: ;}
-«= ;.-"aig, r|e; =-
-. _': ;fiIertiea| |y Repeat; H'; :., E_: |
-=2 at"-gle type= ' te: -:t. 'ee-a": '-
had}-'<[baeHgrpL.1nd—Irrnage = .Ir| [ir‘r| age, gif];
pa: -'-i§T; ||'|3|| .Jl‘Id-t’E'[? eEfl’EI repeat— '[. ":}
. ::: .I| 'S: Elf | C ’: :.
_. ,_t-, +*. ‘ E . ,__, .”|
-‘I251;-'| e t'-, rpe—= 'te "eae"I>
pad‘-, -'{paeh: grpund-I rnage. LIr. nj_irnage. gifj| ;
pa: {gr"uur1d—r epeat: n: u- repeat }
-= I.u‘'_= :'_. w|e 3-
paekgraLII1e—atta: .h rnent

11.
I_. _ , .-I' II I. -'_ . -' _ V H
.41! L“_. ,_. §_! '.= _., »= ‘fr: ed. :~'L«e. aoroll: Image; li-aol<; ground_r*-, _,r. 'i, E_, ,,I
_. =_ L%: -._; .i, .'image.3;51__L_su»; _'_; ‘_eoroll.4_’-
ei'-, =le t-_l= pe= ‘tepid-pee’
oodl, -'<[l: naels; groLlnd—Image url["lr‘nage. glf": I-.
Ida: —: gI'ound—attaonn#e"nt fl: -=red"_=
=: _.'e: yIe: =v
l: -aol<ground-p-oaition
I‘
_. _,, ;:'; apoeitionffl lznaol-aground irnageI_. t:laol-zgrou ndl»-*¥. e:_. H, I
___. - _ _ -r j +-—. er ‘
: .;f__; :'. :.= _ ,1 poaltlon . ,_: =*' l_+~L«‘*, +'_. 'I; '-
right, left, ee nter. hottorn, top, rig ht—top, nght-center
<1 '_: _.‘_"-, .=le type: 'te}: t.-'-: e.a' I= ~
bod}-'<[oaolagI'ound-i lnage url["in1age. git"'I: -:
Ina: aground poa itionztopz}
-"-'. la: '_¢le '-'~
"' : .-*_. a-'
. II-u ' ' + I‘ "' - 1"
_§: _.»: k_. C,_, '!l; :_ : ‘:. _:I I; -I'| "'-EI. .!lH-""-! ?"r. j!JrI_b. :-'-I-IL-fi""'|
'-I-
. ". "1
- n’ "I-
. -‘n. -.-'. - . ,_. - ,

12.
.
. . . -- - . '.'. I u . -
-5 L». .. -1.»EL? -.. -l. _,"| ,*. :r”L= .;_, ,_IL'§. _,'i, ,=': "J CS3 . -elHTluiL . _,. I.f ‘s
'-' . __. -". ..e' , r" 1.. .-'_. - , "'r. .--u-
. _ Te: -it Formating, »-J1, L'= '._: ~ . ,_-i '-, _,_'; l.; .-. » . ,'_, e__--. ___r_ . _;_ cg? I, «*- . _-, I
'5 -h-| h.| -d .3
AL . F,. '4e LE“; 1' E
_. -- , L. _ -
_-H: .u"__. ii’. fig" 3'_fi“'. - . .'. .--"', t_‘_, .'-| l:. "_. ... Ii. .I, __, -r-:
-_, :' . »:. :»: ;=~. ."r Lfont size, _,, ’}_. .«_ ii. :;_'. LTesl: Formsting
. .:-. ‘nn't -_: ,ze= "l""--Font size 1--'-'. -'fr: ntI~-
Furl! si: .~: |: 1
-= zifont sizo= "E'. '~Font size 2~-'. .-'ir_: ntI= -
Font size 2
-= -‘lent s: .'e= "3"I'«-Font size 3--'-'. -'ientI=
Fr: -itt size 3
; =Ifr: :nt sizo= ":‘. '= «-Font size ailna. -'i= ::ntC= ~
Font size 4
= =Ifont size—r"i'~. "=-Font size 5*T. -'foni’. =~
Font size 5
-= :I’ent size= "I'£": --Font size E-= ':. -‘lent:
Font: size 6

13.
sfont size= "T*"'z Font size Tsifontz
F t ‘ 7
. -- " . -’ -" . .-i _"'_ _. .. -*
. »”-_**s-L= :,+'y: "1J’. ..»": ..'-' *'-. _,-LI uso. -:. ..—'”‘. —e §font oolor . .»'_I_y_. «L: ,u-. £|
I-I-
'-r. :
I-ifonl: c: o|or= "red"-‘-*fonl: oolor red-mifont? -*_
Font color red
. -
, ..h- _ . * , ,.. s' r -* . * , _,
-. _._. £'. _, , _:| ,-_uy. ,"I-, ,,_. H_', » EoI1:t_-‘Te: -:t . «*-; .+. l.. _:~_J= «,_, '|-~t: ir. --_
»: t:i: =- l: :-o| dsi'l: :z_
hold
_ I I. -- -_ fig. » . -‘ . -- _ -
. _,-, r-“‘_I'. -.J§_, -Is, _,_: $: Strong. -' Te: -it E’-. :_. '.4.. ._:4-, _,i"—' sstrongz
_. -
rt *2.“
E:
-u-‘_, -u
sstrongzstrongsfstrongz
strong
. -’ _-. : . - -H _ . -- _
. _,, r5._. 'I. +'. J_. ,-'. __l'l_, _,. ;.*. »“-_**. »=' Ernphasized. -' Text -'-. :_, I,». ._: .,; -', ,,I| ~=iern: =
"1ElTi? "EiTI phasizedsfe me
eiiiphsr.5' izeo“
-_, ;*E L _«~! "., ,,"I: ';J'; 'i'. _.-"-, ,,-_“; l'= _': :r i'raiic: ,-'iTe*. =it : ='-'; ..~. l., _E’. _§i'. _.l”I'-: i:-
"ii? -'italio-iii}

14.
iraiie
J.
"_' . --‘ 5;. H I. -' . - 1 I. -' F -
. fi"4,_, __}', ,,. 'i: '.. ._.4_. f|_. _;_i*'. »_'-', - Code: Text «'-. :_: ... ,_, =._J; .i, .r<~eoder-*-
=2 so-Li e‘-= ' sod e'-'Ii'eode3--
this text is l: ‘_ype in -_~or;1e
. ,j_, ,»'= ‘,__, .'| :'L§-i. ,,. "I-g ; *E"fFsrnelI. »'#Test ii*3.~_: .._L~i_J§. _,. ‘l<srnalIl2-
n. -h
_n. >-I. -n.
II-
-= .s"na| |:~ sn1a| |s. "sinallI= =-
small
. -.+’i_J. '_'i*-ii. _,. ’I-, _,_'_: .LE; .,~styie l<Zey| :aosrd. ~iTezl: »'? .~_: .t, _': i_J'_Ji= L.’I-: kl: ~d: —
. ..n. i.u"i— .
-"-. ar', :"'-_—- is-r Iv. -"
*': kl: o'? ~keytioard output-'-'ikl: nd': ~
t’£e'-_: l:- : ai: -:1 :21-LL1: 7:= '_;
,~'i. .J. »,_j', __. I’I_. .._, -_§. "«_*r"t= _: style sarnpleii Te: -ct ls-1:. .~. ..L__§_§‘_; I-. :sarn pa
. u:»": ‘ : ... »-t. ,.. ''
~-fsa n1 p? » Sam pie ~-’. ."sa rt: pl»
_. _ . .
:3 El f'i"-. }_'- _ E‘
-s; _:: £«. _.~ writing style ya. rialole: 'iTekt izsziisggigrneysrs

15.
yar? -"ya ri a pie i--“hia I"
iiitriiiiiie
.1, , e,__, .r: .~’_i_. ;‘: ’__; r-_, _g. :e'; I defi hiiiahi This y-'. ~__~. .. . _i_i'i'. ih~: iiin: ~»
li-
-, F,_.
*x'dfn': -l. ’.‘Jefinition term*»-'idfn'-'~
Defiriifioii IiE'i“iii
. i , _.. '.-* . i - ,
is r'. _y. ."L-'. ..; .;. ,_I| -., ,.A_. is sup El'. i|‘| F!i'L*' Te: -it i~'r~_: .+i, _:. .J, ;—_. ii"~sui: :e
-II "_'I-I'iFT
— I”: -
i—i~'iE1.| |:Z: I«'*. 'i'*53.u"E-‘~L| :: »:= ii: i
flilfllflliflfli foriiiula of ‘WE1l_E1' H20
. -L . ,«i‘. ,.. ’is"i_«_-ifl_. =". . _'_. “?£ .5 super ‘.5-¢Fl| fZit: 'iT-E!1-ii" Hi; __ii s s upe
_, _,. H.| ."_.
lyiattis formula 52 -= sup= -2-= =I. ~"supI= =-
i"'y"iElii‘l. S fomiula 52 E
_. -
- ‘I ""2 5'; Inf ' Ill.
3;” . _,_, -'-*. ,.. 'ii. .a, .,s. i_. »rI-, _,g'. &.»= mark: Tera: »*-. .—_i, i.i_, =.. i_. -.; I«: n1arkr>
I-H
this text is highlight ma: 'k: =« makr-= '.. -'inark: '-
this test is high light Mark
" . - _-_'. .- ix _ _. -' _ I. -' _-_': I _
. .'-1' : ,.'_/17h91iF'l»§%: b__Jr| i—Ih_. "-? i‘ifl_-J. ’ underline! Text , *~. e.u, ;.zi“_, r.= :inse

16.
_. u,-;
this test is used for underline sins? -insertsiinse
this 16311 is used for utiderline insert
-, i.T'- Li. ,5 5-. ,. ,.. r‘ ‘' ’ - ’ ,
r_ . _,, ,«= ._, |:s_i= «,_, 'i-, _,. _:. :,-l delete, -' Te: -it | ~*-; .-. .._; _._. _=, _,rI--. u:le| :-
eh
New prices is -: deI: -EIlZII'ZiF. ’s. -iidel: -Eii}lZIRs.
New prioos is -9li0Rs_ : 'rti0Rs.
C, ,3? ’I: 'i. J.. J§. _.. 'I_. _,-_*; .'£, r'! type .1: pre form ateiii te: i:ti= '?-.2 . ... J;. _.iI -=1 pre: =-_
_: zi
= :preeF? 're tag hum kuoh hhi likhin kisi hhi format
main wese hi show hoga jesa
hoga tiina format ohange kiyesiprez
Ere tag bu: kueh phi likhi: kisi phi
. “.“. .£-tit‘. “hr-ese '_-“: "_¥ z: l'ii: i'-. ~.-' liege j
hoga pine Iurflat ctange kiye.
-' . -
; ,_i-'= _,ri, -'Li; E,_; i,_; :-'_'~Iiyp-s; sssri-"te: .:ir. :z _§3,_; i.: ashrs
I-II
this test is used for hot-yer mouse te: -it
saplznrtit| e="itdunya. eom": -lTEisiai: :l: =r: ~
this test is used for hower mouse test}

17.
r _. - r _ - FE
__, "ri'eg— _I| _._, § fix address ad J5 page y*~. .;. eJg. _i‘I saddresse
-Ia: idress: <-
Written by hI‘e: f:"l'i‘iEIllti: r.Ei'I"IEii[@eirar“n| :i| Er. -:oI‘r‘i”7"DEil‘iiE| "1
l rs hadr: is V .
Hiisit us at:
itdunya. eorn. eom
Haraohi. Pakistan
~iiao-d_'ess: -
this tag is used for address
l-Fhiiierr by . i.r§ir. rii. i.i; i.'I_. .-i£. iaiiiriirii'.
liisii its rii:
i . -.. ':Z<l? i‘ii’i“1,i’i: ”i. oom. i; -om
ifrrreeiii, Pi: :i. i:isi'r? iri
, .'I-, E.g. e—; "s¥ii Icing quotes ad . ,,-ipage *7; _§3_. "|‘l= b|ooko uotee
—u£‘= ";‘i C. »
<: ::Ilosf«-: -:: |L. '=ote: >‘fou must hays oontrol of the authorship of
your own destiny. The pen that writes
your life story must be held in your own hand-

18.
by Irene C. I-‘~iassorlas'. "'olo: ~:ciL. 'oteI~
this test is used for typing. Quotes
You must hayc ooiitrol of the authorship
own destiiiy. The pen that writes your lil
must he held in your own harid_
by lreiie C. Kassorla
. j_, .__. "I. -E. _.‘l-_, _'_. *.'iz++" small quotiesgfl page i= *-'; _._J; '., __. ’|sr: :| : -
! -‘ll
_-1', -..
II-
-= c|r*The wiser a man is. the less talkatiye will he be.
by Hazrat i3.Ii--'. .~'-:21?»
This tag is also used for srriail quotes
"The wiser a man is, the less talkatii-re will he I:
by Hazrat Ali"
b, 'i: ':. -gigs: __, ;:‘. £;'#direction changeiitei-it _. -1;-_ ___J; .E_H, F|f. 'bdfl: =-
ri be-o d. r="rtI': '- this tag is used for changing test
directio n. ihi: '-s

19.
this tag is used for ohaiigiiig test d. irootii: iii.
.noitoe1'id t: ~;et gnigniilic rolidesu si gal siht
. -'
I
I; . ' '-I -‘I: .- , _ '-I H. '. " -
, _:. -»: properties_: Te: -:t, _; .3;-, _,. i? .:_. -L. _i'. ‘.lI3SE. _: lI3SE‘. ,_, “.. .-_. :.; .i_. ..__. |
li-
Text Color
Test Alignment
Te: -it Decoration
Te: -it Transformation
TE}-1 Indentation
Font Family
Font Style
Font Size
F s
g _
'*"' T l*““" '. "._i1'i. _;- '. .i'| ii: €|_, '£r_. -i. -'_|
—L-<Ih. .- -4 1-. | _,. - --

20.
., .
_r’. .. 5|-‘I]. *'|
a. ’ -’ -"
1- . I' ll. _-' I II _-' ‘_. - 3- I
_. ; , .-is , »s_»-ri, ».; _ .3. BIL-r_. ’ Ii is L». .. . _.io. _,- . -;. _; pas. -I HTiyI L
-= "' _. -' . "- -i-I
-z_. ,,. _' .7 co ntin UE. ,_, .‘. 'i-‘-3"; r'. '5i, _E , .'-_tI. _,- , _-, I
C 33
Te: -rt _. Iirii; ;:. _.r: HTiiiLi'. ___. . UL; -.r. _: Te: -it ooior. ,.; r:_ . ».~. .,. __k; ’.-. ._. .«
_. - _ I Ir "' # "' . - --"' _ I__.
,, _j: """'. r.i-ll; -F_. _.J_: ".__"~: E.Cl'| |: |t3'i"*E' I3S3,_; ;“—’-_: .* . i"'= 'I: _.ii' ‘I-"'. «*-. _-___-‘Color
__. . gr‘
o, __, _:r__. .
a-
__.
. ..i__. .-_: -2' bodyf-'. ._'_. .obody. ;f*'i1li-". ..§. .:HTli. I'| l_. %a. : . _.. »
-. -.. _,-'. '-'i: ..-'. -"r, L.iiL"'. :-I-_-ti: -'1'-I-i"l'i _, .'. ‘i. _#-'_. ;': heading
body {coIor: red; }
hi {ooIor: #DClfiDU; }
_i: ’3.-, ,‘_, ifirioutputh’. -I?
This is heading 1
T'. "i-. u=. is . e sin1r. '.-. 1-. -r'. '.IE
_, "iI_~ . -I. -". I»: I.-i'i: $‘i»-i‘*. _.. -:. _.'. ‘.'| :io+: iy. :i. I.. .«l3L '. .i. ';‘. .£i: «L-: .«‘_. _,I. ‘I. -l-‘ii’ hesding. ,,iL'_. I'$|
. —' Te: -rt, =*? _,'i', __. -'ITe: -art . i3Iilignment, ._, _'; '.-*_T_ig-11': styless: -*. ,.i-i= ".-»r
. a-__. '-i. _
-: »:. _,IL; '; .3; . .__. .;: Test. i.. _,j: ;. : position
: -
'_. .I'
C‘. I . -
---’---«. .-''f i. ..-- Iii. -""-"ii. -r'

21.
hi ~. ‘tei-: -a| igii: :enteri-
:12 {test alignzrightz}
fix
1-
. -I: .._-Ioutputti oil
lliTlIiIlL niiiil CS3
right align te'. Ii: t
Te: -it Decoration
-'.
.-
-. »_ , _.": “"ij, . , .i»"', _,. "IsFi -, _,g. -"_. Id ec orate Kite: -:ti»*-'. ;_ . _:I
hi {test-I: :o-coratioii zoyerl Inez}
ii2 -[ie>: i—decoi'aiioii1|: i‘e—tliiougiL]-
h3 «[ie: =ii‘—deooi'aiion'unrlei'line. ]-
_. I:’}r: ,outputb'. -I. sI
Tlliiis is l1~es'i; ~tliii*ig I
' ' ' ' sgéi
; I'IIl'fi I5 Iiflllillgl
L. J-". i. ..«"_r; of i‘*'-“fl--_"_sty| e '. .-iI_‘"i. ..§7f Tei-it Transformation
-1; I. I.I-']_, 'L-3 ' I. -‘T’ paragraph
. -"
' - -. 4.. ='. ''' H. " I It I I -I-_ _. «__I I: "
_, .-: ":Ia s. s:_»= -g. -.»_.5.-_~-n_. _.Ie. " class: I, _._. +, _,. 'l. i"" 'l‘; .:. '.*. :-L*. '_. .IEiIZ| i
: ='r
--I". -
1 . -"
. .
«-+. . I’.
-s_; I._-'. _,'; ;~-'It~’class . :_, __; .‘I. -I_—_. _,- ls’-; .e'_. .|5:| :T. ;. paragraph. '_: -.1.

22.
puppercase {tei-it—transform: uppercasez}
p. lowercase {tei-ct-transfo rm : lowe rcase; }
peapitalize {tei-: t—transform: capitalize: }
-ii’: ::outputt~. .I: :I
TI-11:" Ii‘ '. Tl"-EI- IC'. =iE~'E TEE‘
Hus s I-' '. -'. '.‘-. "'1'. i': I: -.: .i:
Tlur Is -C: ;:i: m-. - Tu: -il
. .-in '1' rd. H‘ ' '3 H "-T ' _
_, __. _.. =_. : transform. _,. ..oapital letters: test, ., : , =*-. :_ uperoase
ll . - -'. If-I -_. '-I -
_. _,§. ;J tl'ElF| "3TCtFl'l'| ._. .i- small letters: te: -rtf. _: Io. -.loweroase
_. ; rs, -:capital | ElIEFll7:Ijli teirt. fl_E"Ir5:_ capitalize
"' I_ II. -I- fl Ir I’. [J r
_rI: '., |-_, _.s. J:_. _:; ,f_: ._: paragraph: test | ='-. :_, _.. "JTE: -ti indent
. .._»_y: ini: ieritIi’f: oi: »i: isis. _:: ._. rI-. _,; :E . ;., :‘i
h-'-i {tei<t—i ndent: Slflpi-:1}
. ‘-'= =Il= =Iin i-ni-' iinine is Di-mi]: Li+Ih= =I-1 and I sin Ii Fm-lsiii-vi '---. -.i Riel
iI1 i.11l: e:i'iL: 'l: aai. -ii this it ri i: .I: .Ii rlairr ii. Ii: i.m| :ei. '-I and J. 'rI1 | .1!. l.|1g_l1|LIfl| !I1l: style 121:
shn-. I.'rh'is pnsl. 'Iiiu| o-iil Iit'_I. -|-a- is iiseil : l'1:ii'1'_I. -pziiig pi: -ii'l's-rr psrsgaph iin
wehuages.
__. ::r__ : shadow, _,L'te: -=: t,»*'? .*. _. "rTe: i't shadow
hibi {teirt-shadow:2pi-: Epic red; }
hips {teirt—shadow:2p: I: Ep: -z Epi-: red; }
_I: {-: ._. ,outputI: ’.-r: :I

23.
E7 I .
obese
- _III_ 1‘
Titffitfif-. ‘*I‘ri| f.t, tr1l; iif1"i. Tt*
"ll? ~eati= sli. alilfoio. f 2
a ' . -? I" . -' __ -' I_II_ Ih-"I L III‘ __
': __: i,_: _,-r. -.I. g=3.rI‘_r, ’_’_, i‘. ‘3.liEiiiiEI'I. I'-i. ,__: ... -;| _,i: .,_, : '. -‘_. ,_, -I: i .5-I 1.? '_, .': .,_, :|
I-pl : .-‘ ‘- "T . I I: 1-. . .
A"-'-.1-_. fi. sshadowsiel poiel: =_. :.I. s;. ._, ri'. .,. e. _. ."e*‘ 't. f|IJ| KEl-’_*_. s§‘-3
n I -I 1- I. .5" "I I ‘:5 I4 I -I-I -"' ". '
g, ,'L= *"I | ii'. _J: «': ;I. ,_-I, '|. .; '_: _'_ hi-: s. s'. _,"’= il: .*| “.s: ,_-, —- : r._: ..r. :": shadoii. i.~! s=r! . | I.. _-J3
. .,_. .I'I. "»'r'-_"". .»'
I. —-' . r-' I _"'I _ . - _. I I I_ I
-. _:f§E: .r: :_= .~I. _. *". i.-s_-_i gs: _._I; Ls‘-is-. ;. I I letter spacing
. -H ‘I"_; I'-. 'iril- " r| III’ . -I
—r. .r, ; — '04-! ’ as « or
ii”: -[le‘__e. '—spa-; :irig: —3pi»i}
_i.5l~: ._. .output l: ~’. _:“|
This is l| 'iea»tliI1g I
'I1'i. iiii; |': I.s. iir. ‘l5i'r; -;2
-. _,. _'I. *i . «’i. I:; _. L.ri. i,I~, ,I I; -5:; words I«*-}; .. _:I-F. -iiord spacing
- 1'
I
.1.-I'-. .1,. " I-I r-I
-'i. .=‘. : ’F—' ii. -' «r""i. :-n5'lII. .-If
p{'-. -.-'cr-: :! sp-aoing:3i}: :ci: }
-i: ~’i: ::. oLitput E'. _,r|

24.
o ess. ..-I HTlyi L, =:. .~_ ,3 T. ;.—£- _: ::-. .—_ as , :,*. ,.s. ,.. T. LLt-—"'
-+ E « . ,-' ‘ii | ' I re . _ ‘T, I5I- . .- . .= -
rail"-”*"'5" ": |355I. r 'ss"-ii‘ Uri'+? =‘I*| T"£§| T‘Ur: i. ..-rrlsifi r'I--'. T,é' *’ 'i. r 3 "i_. .{'- 1.5
-'.
s, :'. ’.‘. r_ . ~ , .iEorder: :IForite ldi«*~'i, :i-. :i"i-. ..; .. ,;: "': ; oi'Ir_ : i_: .L. ,.rI’. ::: ‘I'L? '= L5
_HLF: U'r: ‘h%‘
. -'
: ',__, *i_, _,. f13_5.»_: wi*iting style : "i Font I. +:II; _‘, "_¢riHTlii‘lL Font Face
rifont faoe‘—"'ar’al"I~i5irial-= =I: "font*-
-' - u. u . '" u . ""
Lgffi " l. ~Ll. ~'i: ._: -. ,_, :I"I". ’_. :r. i,. ‘i. -~*'| ._, '.‘. '.C~'E": S : .,_: : Iiiiilfllass . _.-I‘I. ".; .r. :. II. ._I. |
ele me ntss: i_. é~_ . _:_§'I I»*I, _,r: Class. -iielem ent_: I§'I| «*3,_. r.‘. Id . ,_. ’-: _.j L J}
. ,,iIr3"4syrnbo| l=’iDoti. Ir*5+Lt. "3lass: :'#Is¥§Llds. _.: f~£sUe7rIE'
, II: I=-' ‘I-. | r-n. i- , .-, '_. I.. :'_ IIII II‘-; ,E'_, I--' ? .-I- I IIII. I. i""
Iii. -'I| ,_. .-. -' IIE#, H.I"I-i, ._, .I! __"‘&- | ,_, .-‘, h,. 'III: 1"; -L--1 . -T —I, ._I, .': J’; -I. .-J
"T: ""5" T‘ ': "T+'T"""": "- if’. T Ir"”‘h[i +'T F“ "| I "H
i, _.. - ; i: _, .'_'f_L. I.-. -,I_II_I_. 'I___-rI. _ . -‘_. .-‘_. .. I 1'-; -Ir_III-' -i"I"—-lr. I-. _i I. -"iii . - p}'i. _.. ---ray Q-r, _.. I-—i"I"—.
-1'
_"l. '.Ei', ,_. .-'£-
_. _,; rE’ : ,.__s»- I: la
-.5 E, tII_I. ' | .33? '
: r:: _i: :{bsickrgroiino—-scloi -edz}
: 'st-I. il. =: ‘. --
shi i-: l="p: -:"Iridheadii". -g’os*: ."hi2*

25.
:_: output'sZ-l. _,iif body 6' hi _: :I. _¢_I; :.—'-: _,, '.". helad. i., ='? I.s. I; E’ style . «Ir__: :I=
II'. ti1l. -iltI'. i3_1l; =_£, ]_.1Zl'.
sstyle? -
_o: :{teiit-allgn: -seitter colortiedi}
hi, -:: lanish{te: -rt-align‘eentei'; oo| oi'; green, }
*Tistyle'»*~
-ihi olass= "pi~: ".‘~siniole | CIk' hea-: ling~“ii'hi? -r
-I“-thi class= "danis ". "-= '_? ariisli : ieadirig-: i.-ii: w'-
Hriyi LI_, :«: s:Ioissss. =.»-s; .:i | =»'”I. _»"i_: 'L~‘i’Ia; :/t': ::*i'l3lass . ,s: ._sI
_ {sf oui‘putl: ’.. -io. s'7L«. ;
Eiiiiigile l'*'. '-: I-lesirliiiyi
E| iii: i.isli l‘iE': 'ttiJ. ‘l1I'__T
-I-r . -'
. i' s; L. -tar. .5, _I. _ I. _iII. e'hord er_; .f HTlyi L, §; _,I. ;Ir border REL); iI. f I
. -'
is‘: Style: ,y. -., .rI, »-: +:: ssrI_-, rE". _,; .~. eloso‘-Thisirhssse I. _i. »-3»-I
T: "' "l I. I Hf‘. IT: IT . " . T’ . -
rs-| 's—. -*'. .». -'__i_. }Jg .1-if bori: ler-, __, ::: :=. I», |s’*" baokgrou nd, »'~: .I. =_. _,: -'-_, .I'_:
-' I I-_, ..f _s» ' , ,-
5 is F; borderd aisle . ,_: ’?"l-Te. : : |L| -'; ,__. '.'. ~"i border. .s: -L
_ | :ri| :s"Ls: L~. ';. .s. l§. -s'Ltable, _,:1.'_. —_*_ : .I: ... Ii’. :,, ws, r: l-fTlyiL: 'i border

26.
stable border= "1":
sthtrhello to the futuresithrr
sitablee
-, _.s_. i.~ outputs’. -|JI; _; z"1., ,~. +:*‘y-_, r:. .:: :,--‘. ,,r: :_: _i: '_. .i. ,«*. -'_isi: is
| liello to the t'I. itui'e_
Ii'Hd1-- III. I T "-‘J: u-l- "-
-. _:_. s—J' {_, I,h»I : border | »*-r_; .‘. 'rL“. SS_-, ,«-". _:. :_I, _:_. z.'I'T. l
sstylee
#di{border:4p: ~i solid red; }
#y~{border: -iipi-: Dashed red; }
#iy{border: -ilpii dotted red; }
#d-[border Qpii groove pink: }
sistylerr
_f: ¢g output l: ’l-r: :I
Ii= Ei€IrEsrEIIIIIIIIIZIIIII'
I I I O I Q I I I I I I i I i I I I I I I O I I I I I I O I O I I I I I I O I i I I I I E I i I I I I I I O I Q I I II
_ gésgisiyisssfs . i._i’5-. ,i*. ..*I
-l‘
Radius, shadow

27.
—. ..«'_-". ‘~'~_*‘i 5.». 5' '—*"i Radius
rii{:2-: :ii'i: ic-i':2ps solid #aiaiei:
|: :-Eidtlilig. ’C'ps sf-ljp: =::
I: -aekgiot'icl: .'i‘dr: ldddi: ;
th: 3?-lIIlI-pi-: :
i_': Liioer-i'ei-diLis.2iips2}
. _:I'_ s: ..‘F"| i’ boir—shadowy*-j_ Ls". iiishadow srrslisgoutputs‘--Iirl
, :'- IIIJII _ II . . _-. :
—-IL-g 1' . :;-5_g: IJP'! I". '|| _,I[i-r'.4": - 'rIE—I| ._, .- IL-
: ‘- L: -__I . -' I-
—. -"'—-r, i,. =.. |, _.. - "5' i. '|riI_. I|
i‘ i-r-. .~. —-. -:iii~ : c Lips‘:
l"eight: 'lIIII-p-ii;
oaorz-_: ii'oI. ind—color: pink:
bo: -i stiatl-: iw: "‘C! |:I: -: iCIp: -: Sp: -r gray}
-l-'I. '7:= ::. I.output': ’.-I: :I
liellizi to the iftitiiire
-" _. . , . _l: - . -". ..
_j—_~_. -.. _.r-r= __ , _.. II _r. _,. If. -I-r '‘ . _,:1'. r__ . .. LI; _,-- iir_. ~ubordEtr_ Lu ; '*". *'%'
‘L’ ‘L ', _,: :_I"‘ i i"ir= :'. «-'4-"5iT, _,: 'J"'y “ : ':Is'

28.
.-‘"1-'
T‘ : *.= '.-Lrl
‘FF. .1’? '7'
‘ .4 V .15. I ‘. -' ‘fr? 9. _ _ I
. r_. sq : _. : ._, . 9 - hf’. -'-'. _:I *-'; ,f: _'f'- 3;. "-r_. ., _,‘. --. :_ -. :-; : : :L__-v'-= -
if
Iv‘
i—a . -E‘
»'-' _ Ir’ - 1 s _. =- --. — 'I'' __
. ..«_. _.; .—a_. ..rneo| a tango; riLunks. |magoe5_»'-, _,L. __. :=. ; L-, , I. .,__. _.
Fl-
I
. . . "p . . "
. *_. .-_. n.5~""4;.1;5’: ”*= a?- 5-*~'. .;: ..; ;.". éT; 'r| in. ':ov: ... ,_, :;. ..—. ;.I_. :__. |in| <s. »__'-'f; .=-; ..__. -=
-. _,; '.-E". .~'; ,.'v. ='5"! L-§' link, j:CSS, eIhre'f . -’3.ttrit; :utef3,, ,,'. '.'HTf-. iIL _x_r. *-. _,: _;'
. '.3._: :*. |'Iil"Il-? l."| *.'. ,_, .; . .«'; j_3"4Attribu'teE'_bIank; -'L-*1eI-__. :;f Q, 11 I3s}'E”Iink
. f_ protocol _. .»i~__-"J His‘. protor: o|. .:1;-_*T~__, ';‘. '.; .._L_¥3.; link -5¥_"’l”, _,': §.f¢5
-. ~_-_;17.»: .;‘= ‘https: H,; ,nttp: ::
-za hr-a: ef= ’ :2;-: ::: :w: :|! -":2-.3:2:-T" . 5;; -:32:: -gle: -.c: ::-m I ‘=
-_ -_
-L“-.2 hi‘-. -'= 'af= "H1[; ~. »: ~.-om‘ _o| a '1-~: ; og 3.-; ':r_: r1* Jo. ‘-
-: ‘~". +“: _: outpu 1'. El- '
I i= =.-~. ~;. ~.1~. -.s. '-mat
~' 'r«. *w; ;l<. -.3:-H11
. ,,f. a:r‘. ’-': "‘I. ._'A, -'5‘. *1;. Defau| t_, L'HTE»»-1L_, «-. _?’7.; f;4%. ;|ink. ._; .L32.-~: o., ..*
. -"
1.3’: .- ; .+"' " : '
. .--_‘_. _;: «. ;'. ,!-‘fCSS_; '---. -$. ~,_, :‘-
-_, ;:; £_+"; , : ~- -3' | ink; '?. __r: .'CSS
ea I'1:~'. -[-: ;;aIo-" . }
: —_z; ';eu;1 {o: :J| -:' green }
‘—- -. .—-_-—, .- I'. -.; - —. .- —. .—. .— . --'|
ti *L'. .;. J|'. a ‘. . fll'| '.o! :'. :'

29.
type: 'vi:1ao. ":<—m a—a 5.1”‘ L1.I'| =". ’:u‘-: J.wIT1m= " EJa’[: EJ= "3-II'i. '~I»; 'I‘r‘| ,= "
oIaaa. d="£2L8|| Z:': SE1FE2a“~.52- 39:1.. .:"» 41 1-:13: -E9153 'C1'C3I. ”_Ii1-fi. .:? ”:'IIFF~, —"aII3"'= =-
par-am nama= ' or " vaIoa= "3d. ~.-. -'rm-"
-iparam narn-a= ""; |anarn-5" 'aa| ua: "3<: |'~. *.-'rrw’"I‘--
para rn r1arna= 'autoataft" value: '1
'= IpaI'. '-;1r1'”1 r1.'-_‘Irr‘1ra= "LiiI"a-'1or_1-. a" v31|LI-a= 'fI. I|| "1'-
-= -'| aaraI‘n nama= "autoai. -Ia‘ aaIua= """'
-aiparam nan1a= "o| ay'ooLIn1" va| LIa= '1'”r~
~tar‘n. ':nad t', rpa= "ap-plI-aation. ":~: —mp| ag, -'ar2' aI'o= "3-:1.‘-. -.rnw"
-. ».-I»: -Jtr~. ="1-:1=: 'raa" ha| ght= ’1UU%' a= .I: o-atart= "trL| -a"
ah: -woontrn: :!a= "trua
l1‘Lr£§| fI": :' 5-EEC‘ml)"-‘-we. -.*. n"iaroaofioami'-J1-'fI': :i-: raa. ~‘F'-e'1a: 'ia': '|: EJ': .ta‘? '*---ffamb-a: :L'~
-a. “-alajootte
:1 _ .23 -I_-- U E‘:
. _. __¢' , .-' is-'_ "' av "' -5'. " __. ,-'. ", -r . .
». ,_, :,+*‘; »L-'»-a. ,,, .I. ”.', _,"'I: u,_, '-»_. _—-', +*‘fi' . .:'. :'. :.. »;4*| »._. ':+'. *"’. ,_, :., ,,. «L.1:'. ,,: .., :.'. ,§'.2!= 'L-* |
. I
—. .:L3'! |n-T". -|I'| I'If-i. :|_'_"I. —-I-izlea-‘IT-r"
. .-. _ 5:‘

30.
a'a: ::'; 'i'-. ra- {no "“1I'Ib T: ,". !'-12}
. -. M ‘ v . ..~' . -“
-. :. iL_-. _.. .-~ IE’*at*, »laa. »r_. .+. -_. .~'-. ,.. 1.~. _,- I. +_r
. «;_'§. _,; .=_. fdafina: es: ,5" propartyJ: v‘: .:; ; : .-: :‘-T; Iir*rI-: ... ..’: ; , _,: I
__, .-: ;i. e_. ~._f= arrests-I-n—-: .; . f_}‘. ;.-= a'visitea Link L‘):
III _‘ If ‘I
3.Ho. rar
:5:-. L_: pro%part, q_; ': b.-_I. ;.= .-_. .J_. ___’. ".-. ..I| r'I| {:' mouse; .; .-__. ;:. :.. _.. r
:1‘. .r: .. 4- «— A-
. . affect»; I-= '~= ,_»__. .-g. e Hover L. lr'”'(-"1:-""'%_a-‘, |_; ‘:: %-. -"' defina-
. -sf-5.. .
¢| _F'~C'tiw. rE
. ' ‘ " .1-" I ‘ __ 1- - cf; -:I_II" , _' ' '. i 4. It
. -_. ,~*~: _*; -_, _. -. _., - oaf| namr. ._. _- property. ..» -: .-ma; .~. Irnr: Vraua__a. .=_ . _,+
-, _,_': ' : ,_: u'i affaai‘. -9:29:21-. E.r: . “HE .57.-“: c’ Active Link
:0’ ‘ "1 ‘T '
" r —-»-. .I 1"---_"'. .
IiP—-hf‘ 13:62‘-EDP; rt 7- Ii! ‘-Lidrfi
'- lfi-i. "|'
-i.
4.. .»; -L- x‘. .. L. -%- ‘:5’ -: iac: ora't. ion
. ;= Ir'rl«: -: '_1a: -2'1-~: a;: »:'; ra>_a1: : Jr1.r'. =%: sI‘ra. }
Google
1''
HTML -, _,: F_-"_= ’J. ,,, «'-1 ea-T I. -"H ir7r1aga, ,:-'L‘fi". ;-*-‘J imaga. _,_“_: ‘ . L.~‘. :'. v_. ._. '

31.
'i}i. .{; "-*'i‘_, »r'A; ;.L', *€: L5'L«= |:’--i. _5.r'j= *5._,5';
_, _,, _*_: '.-= "_ EIIL 1-*= 'J. .;E‘ image
--I i: 'n;1 Ioor-: ier'= "Li ' ei'<: ="er*. t~a; '31 ; %=:1": 'J= :1r: i1 3-1a1¥b2L-‘J3 ] pg"
a| i7"u: argo—ahi[: u" w-: :|'_"i-—7'. ':iC| ¢i’ i1eigiiiT'I’.2'Ej'I--
alaouroei. -I Infaooroe +: iei‘iriaI: ‘1-i. »r; ‘:L. ~C‘F; 'a. §3 E'in1g. ;.'-'_ . ;_irriagaaL__~"-'
JEJJ; g. 5| -. __: i': "J. «"_. «*-Z»-_ heig ht. -' . -Iwidth . . :5-Wattrilziute are. ‘-5.
. _;’»L: :i': f_ ': rr: _., :.g| :'i: ’.-fLI‘| Faiternat nan'ie.5_. r‘? ;at| ;ri| :iLi1:e. La| ’1»: |
. -
. .-' '-"‘ -+- "nil -"' -*’ “;
_. *_'| ..+'-"i-Va. ,.». _:* ': -Lr, :., _:La: :.-. :.. .._: -+. ,_: ;e-"
_ :7?Z-: =,oLi1ir: :LitI: '.-I
: *"_"“: .»". ffiIi'| .’. i-FItI2i13i'. _.. ; , _., ;‘F'_': ' :3; background yr‘? -'+'; ,,'r: ET§ i__: .’. ' KL; -.-'
. - . . - »* . . - . . »* —«.
opacity u(t_. , . _,§; £: . _,_'}«_. r Rai: iiuaE}; r~. _,'1'I:3S3_= *-, r E3 | ::rorderr*~ , +~_ ,3’
-92“-"~; _7-Lloutput- , :.*. ?‘-_L: :3: . ..3 . ,*‘; g
ii‘no{L‘: ai'-: ie'—I'aoiLia:5r: ;~: :}
inio{opaoit; -': C'.4:}
. ,_.

32.
' -: :-E I -__ . _-‘I I H I'___
. _.¢‘-El. -_'_ . .;. r‘£i"Fé'. ~:-. ,,__, ".", __, ,|"J| rnedi a. _: A i'I"l’I23'JI: j|-El; _.. -_": "»L. ..*'. :.- I_. o,|
Audio
Video
if ' .1 .1--L: ed-"| ' ' ‘J3.’ If rIr-| -‘-. - __, pl '
u 61,. .__, _:»_: ¢ aongaI_. Aud1o file _ . ,:_i-. ;-; ,., .;-. ~| ~: :_. _., Audio

33.
éaudio oontrolsa
-= Iaour-3e aro= "daniahirahad. mp3" type= "audioimpeg": =-
aifaudioa
_. §-f": :._-_'| 'i‘_-| U1'. F|L. itJ.5'|
t-_ : -i= J1‘| ‘-E-E'[, :j-'. ;_-'. :_CSEf’-A
. -' . -
-‘I’
—-, _.-'n-. -.1 output. -an’ Fr‘- _. ,_. f}; I~. =id r. —:= of. _i: -r': .t'~' 5 -. .. if-'. .*_ , J"tr'ideo
ivideo width= "323" height= "2dI3"' controls atitoplayir
-vieotiree e. rr: ="dLioi<; taEea. m psi" t', ipe= "videoimp£1"‘: -
-=5.-‘iii Cl eo: =~
. -'
_. _,-. routput. -:i5:'-. _,; r."£". ' éobjeota diffarantfi. -'_ . ,,"| ot: Jja-: :t
n. -uI: "_";
iobjeot width= "1'C1CJ%" hEight= "1UU“ri: "

34.
if~‘i«rtL«u
List fiu: ¢tKJat, uTJh; :JtKt/ _,3i/ JcssmutrviL
ufggz1.A: y§4:, ;;fi| :4f| f:JCSS; :U3g, /Lziygl/ -:: i;: |Tables
-2:
4.‘L12/J4;y@, ;;; £15;gTabie-r4:a; /.: ,iJ Tab| e‘£. '_: ..__/
<tab| e><itab| e>
. _§mainKTab| e
<th></ th>
. .__C: header {Table
<tr></ tr>
. .,, C: Table row
<td></ td>
H? /” Table data
footer<tfoot></ tfoot>. u| body <tbody></ tbody> fifogwéi
-u; £./ 'fJL= ?~if-'y§2Z
-. ;;£c)»»I5fbé»I
<tab| e border= "1">,
<tr>
<td>Row 1, cell 1</ td>

35.
<td>Row 1, cell 2</ td>
</ tr><tr>
<td>Row 1, cell 1</ td>
<td>Row 1, cell 2</ td>
</ tr>
</ tab| e>
-b{w', _,«outputl{~I; :|
Row 1, celll Row 1, cell 2
Row 1, cell 1 Row 1, cell 2
/ ’/f'i. o;.1,J,1,Kf borderKtab| erqtzgfilgfldééijfilfitable data (7
£l: a.. ;wr‘<':5,, gf: C'| f7£/ UL~"'*‘1KCSS ; ;Iu, ,:: £/aJjne’a5‘-/ *”i§, u,L. ;;£
-U3
4;. (33/J4~_; §§; a‘§, ,i-u; JnJ Z, /’: ,a| istJ iist, ;;. »”_. /.. «, 1.. __. .I
Unordered Lists
<u| ></ u|>
<| i></ |i>
-u3£z, /MP:
<u| >
<| i>Coffee</ |i>

36.
<| i>Mi| k</ |i>
</ u|>
-b’n, ,output! é»I; :I
0 Coffee
Milk
Ordered Lists
<o| ></ o|>
<| i></ |i>
-u, ra“c/ Mfr,
<o| >
<| i>Coffee</ |i>
<| i>Mi| k</ |i>
</ o|>
-b’n', _,outputl{«IJ: I
1. Coffee
2. Milk
<marquee></ marquee>, ,
4g/ "(”u. f.. .J, §z: marquee-ufZ. /‘/2.41;. iJg)'?1J3yv(7JL~'°‘IK. §u’I
-gj"! ,:o: z:| -u. .f£. /ab’-7"1déf{3{
-14‘£66/ivifgjl-1433/‘fcdirectiond/ )?1J; I¢(7c; g_J“Idirection
<marquee direction= "right">urdu text</ marquee>

37.
-g_j. _tg3:4directions; _i§: d’/ ‘I
-g3Jndirections, right, top, bottomo: JJ. c£I-9¢3ndefau| t,_, |eft
? J
behavior
L-)'£". ‘¢¢3@_«Cg)_, ’/tliag"q. t£. @/Lmousegdf/1J, f,4,{7o. e{; }rlo
-u"tg3ncom mand Jc)ljf. J:J'(3§U~7’. ¢- behavior
-u; £(, j»Ifu'I-‘¢ ¢37;&? _3/, gj’u; ;g, :_uiscroII
<marquee behavior= "scrol| " bgco| or= "orange">naam hi kafi
he</ marquee>
-? :€, __. outputKg_/ I131
naamhikafi he
naarnhikafi he
-g; £c, M£; n-. »;_g3ig.6Lna. L;, ;_m«. ,wj’u, §u; o'isiide
<marquee behavior= "slide" bgco| or= "orange">naam hi kafi
he</ marquee>
- / n,_. output Kw
naamhikafihe
43% (, /2»u[; i., ¢ (End: /@1510:/1). }/‘d: /U134. JIA| ternate
<marquee behavior= "a| ternate" bgco| or= "orange">naam hi
kafi he</ marquee>
-b’n'. ,output Kw

38.
naam hi kafi he
naam hi kafi he
Ktextarealg tiaC{§: %:z___. I3f U/ /I<textarea> </ textarea>
-‘¢L'9,: /W/ errorJ: G‘¢ t'lg¢; Ji, »a>K(§? ,__.5:C: /.: °’4A: J|‘¢
-u; fic/ =o'u¢i
<textarea><font size= "5" co| or= "orange" >he| lo to the
wor| d</ fo nt> </ textarea>
-b’n', ,output Kw
font size and font color in one tag
<fonI: size= "S" I: o1or= "orange" >
hello to the I-Iorld</ fonc>
zzrfu-. .,«TaixUu»‘*= r_. xo"'i»: 'tx. ré»%'o~f}. “'I. ,/Urcss
_~. ;Lu/ .76 Advance PorpertiesJCSS(74:. &,T? .q; £l: :attractive
-Zq/
I91‘; t‘lgL_/2J_. J;. L.1:: boxrJ3(§%: JL~'*| KJIBox Mode| ‘Z. *_. /.-_. .,. ~
-¢}3q’; /.v¢f{output$I; :I; g.€2£JZ, )V| :"C| -‘¢ Kf KJ€__. g-Q; tnfl/ r.3KJL~°°‘|
div{width:220px;
padding:10px;
border:5px solid gray;
margin:0px; }
Box example.

39.
-u_? £1§d°fshadow(”U. '.'box model
Ccntextrji/ ufu’--‘f_b7( KA: f|oating, _.‘¢ fl1i§u’c4-. .f1:£I, J/L3,? Float
‘£‘_(72J_cCpropertyd/ f|oat-‘¢CCno°'{ menu bar, _,‘¢Cfin. .@J: (‘¢
-J1g. '/Jgjogtzigdfi/ :’: '|-u. §’fidirection/ filgtfifloat
div. menu{position: fixed; backgroundzskyblue; border:4px
groove pink; width:150px; z-index:100;}
div. menu a, h3{disp| ay: b|ock; margin:0 0.5em; }
-b’: r,, outputl§»IJ: |
Iiloating Menu
flo m‘ gmenu
-932‘. /r E'. "v'I, ?.t_; .?<K. _;1€Jz-,1
isswbi
<§: L': 'u| rjj| ;§e

40.
*r‘~5rU/ '
Formfiu: ¢tKJ@T, ,mJéa: yrKg*,3TJ CSSAIHTML
-Zu. ‘."”’/ ,'_u. ’.'«. .r1.A:
<from></ from>
-u; ;.,0r= =~ur. ,é, ,-. g¢: ,;: _§w
<input>,
l>. £typed{: J/uxréig l: :rL"; r,! J1Jf. .7.»'C__. -u; £./ UL= ’3*IKtype (Ul'_1__§w
-r/ .;: ";r. ;:: ,r, wz*rm’. ,érinput
u: "’: ;u. ‘.'g; _Lz: typesdzs/ §f: :_u1d’I(T; :Ig3Ln¢; L«. :.~; <type
-5’
button
.134“ "£62"/ “U: Ioutputi§»U. ‘."g-‘¢ Cébuttonogc. w
<form>
<input type= "button" va| ue= "C| ick karo">
</ form>
Click karo
checkbox
-u; ¢_(”&6:’-/ “I45!output€«I. j.: ””~; -r_; !2'; .l: :checkbox(74; J!
<form>

41.
<input type= "checkbox" > Google<br>
<input type= "checkbox"> Yahoo<br>
<input type= "checkbox"> Bing
</ form>
’ Google
" Yahoo
Bing
radio
-; j_. ?d_/ £1"/ ’l;3l0utputI§»l; )f. °J": a-rJ. _s‘Z. l:: radi0 boxfla-. . J!
<form>
<input type= "radio"> Male<br>
<input type= "radio"> Female<br>
</ form>
“ Male
Female
4/optionsr3(jZcheckbox(7f9J}E»'l. .3/J3 radioulcheckbox
select/ optionuLQuIcJ3:. Q..5/uiradio. .§q§£/ selectpflz
435/
text
-4.tfiafiallliqfiajsrtféffigzfiugaeflfogfiaar
<input type= "text">,
Your Name: ‘Danish lrshadl

42.
password
d: qa5J5lrJ“c°g password(? u3Jlu”! £.l: :H: C?fT: _ u’I-‘¢, q L156‘; -_fl:
-9 1‘;
<input type= "password">
E, ,,, ,p, ,,w0,d . ... ... ... ..
submit
Air {J1yq/ E«Submitc: .lJ: lu’. t”%Jy’: l:J: lu’f"? téffifg dG’r_j; .,. »l
-9 l: :wcJlr'5‘lKsubmit
<input type= "submit">
Your Name: §Danish lrshacl
E, ,,, ,p, ,,, ,,, ,,d, 3 . ... ... ... ..
Submit 1
search
1%‘; /; Ll§: .. ( taisearch -9 8.+ro’J: “’; lA: é-, / l: :¢. F L/ go}? -7l. .Q
-. vz§JJJ «. -»—, -9.
<input type= "search">,
<input type= "submit" value= "Search">
- iSearch
reset
A: i.l: '»-15.41.15; , L/HL. /it; flwrong fi| |a: ;:l‘¢y/ J’. pl5J/ .5_. .;T/ //I

43.
-b7¢: l£'», _., ..G/ ..Q: (f; l5./ _J; ’_, :?rJ. _c‘£/ ‘UL~"’lKreset. ,:.7LLe<
<input type= "reset">,
Email:
Pin:
Reset Submit
color
vwufl. /select/ g . ,:. «L-_u’l-L¢ lzmjlr-"‘lrj‘vrJ. ‘Ijavascript}o: ,l_.5,_, r
{selection . ..G/ L32./ ..6C: Jl. ,>. ;:l. f_ l‘. :m'3"J§£l/ l‘: ,~? ,.7.. U&C4-_.
«go:
-J. ‘i"gp’L». .Q2 images‘; l7:’c‘c}, :,3lbOX
<input type= "color">
1:
Basic colors: K
1- ll’ l_ T“
F . ... ... .. . . E1
E myfififfi
E ' " 7 F’
Custom colors:
Hue: 107 Had: 33 I
E E E ii E E E
Sal: ‘1BB Green: 217
°°‘°"5°“d Lum: 120 Blue: 153
UK I l Cancel l ] Add to Custom Colors
date
. .g"t2;. l:: boXKdate(7L J!
<input type= "date">

44.
‘ A
m/ dd! VYYV r.1 V
February, 2014 v 4 .
Sun Mon Tue Wed Thu Fri Sat
1
2 3 4 5 6 T B
9 10 11 12 13 14 15
15 17 18 19 20 21 22
23 24 25 26 27 28
datetime
-45. lm, ,;UTC Time: ?-rJ_5‘£. l:: boxKdateti mefia. J1
<input type= "datetime">
Birthday (date and time): Submit
datetime—loca|
-14‘éaficfislocal4;LflnggLlaboxKdatetime-localflaz. J!
<input type= "datetime-local">
Birfltday (date and time): ddf vvw —— : —— —— 131 v Submit
February, 2014 v c >
lsun Mon Tue Wed Thu Fri Sat
1 1
2 3 4 5 6 7 3
9 1D 11 12 13 14 15
15 17 18 19 20 21 22
p 23 24 25 25 27 23
email
error"£aUa. ?fé; :lo: wA: emai| f7u'.3u’l-q_€£. l:: boxKemailfia. w
AL:
<input type= "emai| ">

45.
E-mail: I , Submit 1
file
-932./ ’ file seieotus°5Jf("u; :o~i-g, :a. uboxriiiefiss.11
<input type= "file">
Select afile: Choose File! No file chosen
number
2;. /number se| ecto”:13)/ f7ufiJI-u_. :2Lb: boxKnumberf74:. Jl
-u:
<input type= "number">
seieuuumuuir?
tel
éasUu'. ?if. ,.(J: Io: i1oA: number(TuiJI-q; £.laboxKnumberfiaw
-b’¢; error
<input type= "tel">
Mobile Number : E3123-r557a9|
time
-r_; jZ. / type selectd/ timefiint/ ’/selectc.3:_3/u/ I36
<input type= "time">
Select time:

46.
URL
a; error£o1,; .?; {uiuma: uRL(1;: w-r4:2:. bboxK URL(”»: _ or
-5’
<input type= "url">
Enter your URL:
1 Submit
-0/com mandulJinputqgl. /’/ ;', l., «lq'€r_lbvt5?type. _.3/"’i. (7.. €o. »l
required
-: £/J5?submitplél: ;I£o{b: (7ui'u3u3l. lafl: C:(7¢; JL~"‘IA: Jl
<input type= "text" required>,
Username:
name
lrlf Ki3Ktjl'javascript£uj§. :f ltoflf input box. ';'__. If7:. JL’-"3‘lK; J'l
-4
t
<input type= "text" name= "name" required>,
Your Name: [Danish lrshadl
datalist
C/ tfvd/ google a:3{_g. t”&€o{. /.. »2(7uj3r_flrJ32Ll2fl/ a:(T¢; rJL»“Ié: rJ’l
-917/search result show

47.
<input | ist= "website" name= "browser">,
<datalist id= "website">
<option value= "google">
<option va| ue= "danishirshad">
<option va| ue= "sehrish">
</ datalist>
ldl
danishirshad
multiple
L/ JlfielKmultipleffint/ rimages selectl_. multiple files
«us
<input type= "fi| e" multiple>
souu afile: Choose no No are chosen
min-max
-u"t2’_. fi limit maximum Jalminimum L5/.1,-'l§J| Ll: &€rJ. ‘.'H: ’/(”i. :-. .LJ’l
<input type= "password" min= "4" max= "16">,
Enter Pas sword: ---------- --
value
131/ltjfi L/ J’. form 4-. .Lfr_Jf textLI: L.. +*: ;‘/ ‘zuitlzifll/ f”1.; -.. L/ I
-u”? £./ JL= "‘ld’:2’_é: ‘:”. :f1:/ button(TJla—°“| l{»| §-L§m

48.
<input type= "text" va| ue= "enter your name here">,
<input type= "submit" value= "click to submit form">
Your Name: ]enter your name here
click to submit form 1
autofocus
l: r.. .6Q_; ij'ldirect‘¢1:/ r_}’. l_[%c: .V/ ?b’: r§: ’pl5l/ L/2o. ec: .JL~°"lé: r_J’l
-fuserb’. +1L°. aaU_3/"u’-‘KL
<input type= "text" autofocus>
-: w‘: :m~»u: u»rrli1»»rssovw/ u:u1rJor
e§,1L‘3.ilJjl; §>

49.
if~‘i«riL»«i
J formfiafdtflf z-, t,u. TJ? L;: .;1QJJ css, oiHTiviL
-£/ u;. ‘."”"/ ?rJ. Yg2,L¢’: y§Z»’. ,.K, ,g/ z:HTl, ’lLAIZQ/ continuerfidtlf
form method
getrf-Q32./ ‘E KC/ ’u“c. .Qu: °’: :,_. postal getu. {£. nA: type: :_3/, _,
‘arilgl/5l(usero: :rr_l: rva| ue submit_: ?rJ. ’.' formL. -rsubmita-_.
-m. _;§’Lgia: post. ,G. u:uRL
<form method= "get"></ form>
<form method= "post"></ form>
form action
r; J:§é_b~uL[e>£z: i.: rform submitfrjjl. /definefurl (74-_LJ’l
-; ropen@L»
<form action= "signup. php"></ form>
dioutputl£»l2:lu3£. /4// Jl-LJ”€£ladafdrop down listfiaiform
. . . .")
<select>
<option value= "karachi">Karachi</ option>
<option value= "|ahore">Lahore</ option>
<option value= "islamabad">| s|amabad</ option>

50.
</ se| ect>
. Rarachi V’
>L: i;“ui: “‘
1 Islamabad _
/
4:2». -1/. £T. ._. ,i
<iframe></ iframe>,
-9“? E/ display/ :;’L»%2L5/3:13/J3.: .~, c’L«%; ij: _I(74;. JL~"*I. /:r_J’l
-: ;_ t'nJL~"‘| K<iframe>Lj. 'I; ;J| ifr, );r¢j"‘€v. !r. -{L»TVr,5; L»c. «g<i. u:‘: ’.. ?.»T
‘almborder by defaultr_jIr_)’l-u”€£firf'{width, heightfiaiw
-d, f;d’-'ouiput tFl, i5lrJf2"L€C/ fi’l! /Jl-L/32E/ r
<iframe src= "http: //urdu-tutorials. sehrish. com"
width= "200px" height= "200px" scrolling= "yes"></ iframe>
Urdu
_ HTML a
| Home| Introduction C1ass| Class 1| Clas
, . r-- . : 1,- . , .1 -M' .1 . ' 1.: :
~—*5~ use vs Le‘ »;4>~w— u-L= ce~ (5-‘gll o~. ;rr: ' ~. .~- ~. —* r‘: ""““t.1,-‘
Urdu
Click any

51.
<embed></ embed>
La; -’L»L'§. ,laudio/ video filefé/ fig. 91-‘; 1‘: /,3 KC}’Ll/ ifiiframed‘;
-u”t.7_/ embedai
<embed src= "javascript—tutoria| -part1.swf"></ embed>
-u; :(§; '%. iu; .:£@JiJ. .gfi: . w
<h1>hel| o wor| d</ h1>
<hr>
<h1>my name is Danish | rshad</ h1>
hello world
my name is Danish Irshad
£spacea: ,l, J4:. ._QL-j-Q1". t'lgL}‘=3?space. ..QrJ. ’Z@£HTl/ lL &nbsp

52.
(7r_’3J"! ”£l‘¢ entitesoflbasically , __. r_/ fl. /’: lL~'°‘lK &nbsp(”~éJ_
£. .+rsymbols2_: r§define4-. .&£g_u. ’I; _}"lentity-Zu. t”g4:. J?”
£5‘; T3?dza.5enllleSt5J3/222%-JC)(; $)6gd£EL_[? A.-fibé: Uztéf
-l. yzu'. ?ij. ’Z keyboard
Result Description Entity Name Entity Number
Space élnbsp:
< less than Exit: <
> greater than élgti R
& ampersand Elam p: &
re‘, cent élcent: ¢
£ pound Elpound: £
¥ yen cflyen: ¥
€ euro Eleuroi €
© copyright Elcopy; ©
® registered Eireg; ®
TM trademark Eltradei ™
<div><! div>
rfidoééiofifixt/ E r. J:css. ,.o, .;? ,¢r/1} Ki3:, (.'/1,/1:’/ .,_é/ ;rj. ’HTML
K131 KJI<div>‘¢2’_A: MU»o‘IP¢/ if $62,; Jami}

53.
15¢: /Ula°°‘IK <span>, __. <div>, <tab| e>J/ J/uxigff K. ~.gv: ,__. d°f
-r')°’. ’;j. ?jl, ,i; /‘oi/ .I= »,¢’L~%: l:: é:t)L~"‘lA: ryi. ’.g; Jl‘¢(3;‘layoutd/ .:. ~.{Lx%:
<span><lspan>
u: /—éJ/1151641311
‘¢. .jlfl: cij"9d"{l§»lfK‘¢
Advance CSSQE‘2"L: ‘:ZloJ-a. ’I<span>; :l<div>rgu’. §‘3}u‘°l£vo{
z{: %i('»-. Zi; :f”: :rJ: .«_ui! _css oradienis, £,o-_, .~r"~r; L,: ; .3/J
Jldza/5%; r_J’lg'g. u32‘£6rf: gradients4:. JL= °°‘lA: CSSu. ’I
(”~2J_£ll: '/’/ g_)? .‘; browse support/ gfproperty/ gt}/ Advance CS8
codding1}/ browsers_: e_~l>$gradients . ,.»l-r_j"€£. /’r’_lLt"‘lKwebkit
-b’u3la5u. ’Z
background: -webkit-Iinear-gradient(red, blue); /*Chrome &
Safari */
baokground: —o—linear-gradient(red, blue); /*Opera*/
background: —moz—linear—gradient(red, blue); /* Firefox */
background: linear-gradient(red, blue);
-17/ufilsupport/ Internet Explorer Gradients
ofiffoutput€~l-gIgt»Q’/ ;:. Zjf)’2_l; a.f4.53_A: gradientz: /€: .3/’
J

54.
-u. _t£. »_: effectsJ: ld°fA: /JR“! Kdirectionsuiwfi
| eft, right,9O degree 180 degree:4
wgéa-_oéefiectslg/ alfigglfiIinearoapstyle i: ’L. f7i,5°'{I
repeating—linear—gradient
ujjl. /repeat 11.21./ linear gradient(7:. .r_J’I
background: —webkit—repeating—| inear—gradient(red, blue
10% , yellow 20% );
radial-gradient
-rJ'; l.l: ~.gradientJ; ‘f(”14~_LJ’I
background: -webkit-radial-gradient(red, yellow , green );

55.
repeating-radiaI-gradient
-9 1:‘. -rzgradient repeat 21114; J!
background: -webkit-repeating—radial-gradient(red, yellow
10%, green 15%)
. :.«l. ,;CSS Animations uwirtlfi , .iJIal: ‘5l-r_j3l. /”(l>, y°"lr_J"? KLJ’LKl_¢l/ Efl
2_4C. .€. ,:-'. Zuf/ b_.5yLl{objactive / {L/ Q/’
e§JL‘3JlJ°jl: §o

56.
!l’é’°k’| ’”"'
AlHTMLfgtutb/ Q/3Q, ;U? u.‘Iu’ibQ’. r;J CSSAIHTML
: .w-Z t_; :”*/1;/ :i'¢_; ,Ls‘: CS8 Animation. uICommentss‘: CSS
13' HT M L5o: :. u, r:’: ;,»iro‘i2f; :., .uL= ;:> t‘ L: .,l_, , 1,; /31; 'lKu'1.b/ ‘/Vé
. ,/u'Lb'; l1n/ "ti. //C, ~_, ,5'? ... r§ advance version. CL; II. _,-'b’: rtJ~‘CSS3
HTML Comment. J_; ;:_
/ . / ‘
Lf’: i;: ?ufJ7¢3:o, --u. —“l. x.. ..A_ ro rammersJ/ "Comments
9 00 to
view. ;; t WT)”-. j‘~. .,view source. £:w’. _3/l: T. _,'I*'}’5L; ‘r3}. _.; :.»; T. ‘_lgL. ~»5
Qf right clickgopen page. :browser'4_. .l. ..‘_/ ".19.. -.‘/ ..2.~= ’f zsource
--, ,.[: /r. ..ll: ”,; :u, 'lb’; tL. »1’/ view souceu, r.f; _,"Ib’. +rimenu opencfzsl
fi~i/ ‘/ ‘K D 1-‘ fr .
¢. _:. L._. ._»: }.: , b’. _,! ;:_; _, - 3*. -source Qr_j. .J-onnew window open
view sourceKserver side | anguages£u, s,: &¢l. Qo¥. +d
/ f . ,. O. 9
-t; :°3;. ;:: —;*’ i/ :»_m_J2r_, :' , u.~; .;. ,.i-r 1/bus’
<l--your comment here-->
-u’3i, f}t5‘§n, g£. /Ob? !5;. rio‘i; :Css(I
/ * this is a comment */
~
-1’. /. . ',; E-g, *L§'*u)5.9.: :
-; ,;tparts; _l: os‘: t,J’lCSS Animations
2D transform, 3D transform, Transitions, Keyframe

57.
Aibrowsers o. ?.: ’:'. £lt/ 'Lr. ft"’browser support, /,-:0-’-/ I;/ ,-t_: (CSS
-t/ _:£. /-/ JL~"'lK -webkit- f7£: '.sCChrome & Safari
-. fZ. /Jl. ~'~°"lK -moz- I/ ?2_sCMozi| a firefox
-u; £.JUlr°“Ib’ -0- (? é‘_sCOpera
-t, §‘£. /Jt= '~°"| K -ms- , r‘? £J. sClnternet Explorer
3"Opera2:I| nternet Explorer, Mozila Firefox 1' 2D transform
J15"! Kprifixl/5i£l£. ,»U5’: Safari; :|Chrome; rEL, §l. / support
-. g:~. EuCa. J5 i: é?L, «rI: i,ri-ait; ;eco‘$; G:t; :1;1L41tr? t,; : 2.. /’
trans| ate()
text-shadow, -. .-5. bigilgdgtj/5:4:/ .:. -xC; :.. §J"ltj; lelement: _ J1
-or: *5unc»1‘$: ’ jiaieflai .325» J
<style>
h1{font-familyzverdena; background-color: skyb| ue; }
h1.span{-webkit-transform: trans| ate(15px,0px); }
</ sty| e>
<h1>he| |o world</ h1>
<h1 c| ass= "span">he| |ow world</ h1>
-tn, t'bt, ¢.. giLu~°: ~;2:n1Ltseiemsntigfiutgi

58.
h1,»; -J-'-/ l:—, _._. J/l7 r_l~Lv. JLb’Jh1.spanL. (7:. .transformtranslatefl
J,5{t_, ’ ”. J;/ ”lL>. L;t? .{/ elementsL$u}: ;,/ ?§-: r;Jle'°‘l, ;elements‘:
.-t_, :‘. ’/’~: output: :;_, -t,3’: :«_, l:. i,>'positioni_; (‘l, J/u_t <. £;2vJ_; fl3s. :yT. J.3l-c: _
. .~; _x—axis 1/» my-axis zeroi. ‘lrv__', U'. ‘.'iJItrans| ate(0,O)
hello world
hellow world
rotate()
ulanti clock wise; nagative value-‘¢ c‘:4~u, l«*°“I€degree L/ .‘. 'r_J'l
-. j.. “”€output2:|3,~( clock wisegpositive value
<style>
div{width: 1 00px; height: 1 O0 px; backg round-color: pink; }
div#div1{—webkit-tra nsfo rm: rotate( 30d eg ); }
d iv#d iv2{-webkit-tran sform : rotate(—30deg) ; }
</ style>
<div>Box 1</ div>
<div id= "div1">Box 2 Rotate Clock wise</ div>
<div id= "div2">Box 3 Rotate Anti Clock wise</ div>

59.
rt . . 'b‘‘' .
-‘big. 12343. "~ $9 «‘«__*t'Lp
143% ‘C 53'? ’ (‘xii
sca| e()
. ».-. y—axis 2:lx—axis -; ‘*_t‘7(t>’. ».Ci. //af, i,F'sizeKe| ement, __,
<style>
div{width: 1 00px; height: 1 O0 px; backg round-color: pink; }
div#div1{margin:100px; -webkit-transform: scale(3,2); }
</ sty| e>
<div>box 1 </ div>
<div id= "div1">box 2 resize</ div>
boxl
box 2 resfie

60.
skew()
L5/degreetf y-axis ulx-axis-912:/ ufx; ’fangleoCe| ement,
-&-)1:
<style>
div{width: 1 00px; height: 1 00px; background-color: skyblue; }
div#div1{—webkit-transform: skew(30deg,20deg); }
</ style>
<div> box1</ div>
<div id= "div1">box 2 angle change</ div>
matrix()
t'3', L2:l. ./. degrees‘: tyL«o: -r_j; £.: t6 paramitersz: t_J’I-‘¢; /‘K, -/, ._.
-. £J; ’
output »I-tj. ‘.“"-gt/ ".': '»_= ‘., "7¢j_i/5:’/ té-I

61.
<style>
div{width: 1 20px; height: 120 px; background-color: pink; }
div#div1{-webkit-transform: matrix(1,0.4,-0.8,1,0,0); }
</ sty| e>
<div>box 1</ div>
<div id= "div1">box 2 combine all properties skew, translate,
rotate and sca| e</ div>
boxl
3D Transforms
internet explorer jaloperary-Q7. l: :;t/ Ula= '3'lK prefixgtffitffuf J1
-'t', J/J: ’.'support . ~"/ “lversiontf'{i3:'/ K‘£. ‘,. —:. 10
-152;/ ’:: .3/Luv
rotate X ( ), rotate Y ( )

62.
Rotate X
.3/’Jx—axistJ. ’Idegree‘¢ l7motate: _.center, _,
<style>
div{width:100px; height:100px; background-color: skyblue; }
d iv#d iv1 {-webkit—transfo rm: rotateX(1 50deg); }
</ sty| e>
<div>Box 1</ div>
<div id= "div1">Box 2 rotate x-axis 150 degree</ div>
Boxl
qc8Lcc
53‘? I30
Box 3 Loans 2:-
Rotate Y
.3/1}/ y-axisrj. 'Idegree‘¢ 17:1 rotates-. . centertfi,
<style>
div{width:100px; height:100px; background-color: skyblueg}
div#div1{-webkit-transform: rotatey(150deg); }
</ sty| e>

63.
<div> Box 1</ div>
<div id= "div1">Box 2 rotate y-axis 150 degree</ div>
Box]
-‘( alstoi S 1081
Oil aim
asrgsb
Transitions
/ II on . ’ ‘° 90 0 /
rl“L; _,t>’. ~/zlaftvveen motion: L,l: ’f_l_[_lla-‘lKflash¢. t5"; .u. i', «7/1
32.15 L: -:>animation: ‘I, J’| ij§ig_t; ‘£l: :?effecttl. f7. 7.5‘. 0'-‘log:
: ;tJ. f‘t/ .fJl-‘f_ t'. m,lb3“lKtransition . >'. “.z: °4__. .:. -x'}; i;‘-Lzanimation
durationtf/ ::2:lg‘. _i: at: rt; CJ/ OSS propertyi. _'t. ./ltj_. f;_"3:t'r3// (flat; /j.7,
5/Vsimple. .t_72_£J| -§, _tat3nd2gtransitionaaulcfiaéfcfiat? -’
-u"?
<style>
div{width:100px; height:100px; background: red;
—webkit—transition: width 2s, height 2s, -webkit-transform 25;}
div: hover{width : 200px;
heig ht: 200px; -webkit-tra nsform: rotate(360deg ); }
</ sty| e>

64.
<div></ div>
isir,51oopx height/ slwidth tfmigbeiementrdiv. g;. ;w: sl. ri
height ulwidthufi? l: effectKtransition , /tglacbackground red
2u‘§‘/ command 0/transform_, /it; set durationstj/2 secondsg
-L_/ set gdurationd/ seconds
I heightj, -IwidthA: /J9=°“lKcommand1,5/zhover L. ('? »~. ‘.-': =.J’l
u': u.«; ;//5 body ; .~I_L, ~x'/ rotate 360 degreed; /transformnlt: //200px
a_s? b’é_lgA: .J_4:lA: e|ement if mouset§: L~2o»l-, tt; e|ementb’div
Aitransitiong-L? t', «rtL/ .‘. '.. fi3:. g._/ l._, t:: .’: .transition-b’L/ “£1271;-Lgl/3;;
-.1~_ L'1~‘3il; e.L.5:animation,2a’L«
@keyframe
~, j.f'32i_. ‘:v_, ri-, _,. r;. *.“: _., ;.r-, ‘_x; steps by StepS(7:+Jl‘¢ animationg‘-‘Z
t, l:'~2/5:(? L;1,_, rI-; ;_i3xt/ Ldurationt)/ JIZ5; t'. +rb_, ~f 1:/ keyframe
. /-; ;;a_; °-. ;‘= .t. ’it, :,~". i.. ~, 0% to 100% ulfrom to to. -uj£. /:, ‘t~"“lK
-95‘ 2'4‘: multile steps 0% to 100°/ o2:l2'_2 steps from to to

65.
div{width:100px ; height:100px; background: red;
-webkit-animationzmyfirst 55;}
@-webkit-keyframes myfirst {from {background: red; } to
{background: yel| ow; }}
5 pani mationxalmyfirstplr t:1’~1,, »:’, Li>. oox Kdiv . i§i; .(rt, r:. ;i
coloryellowftoulredufffrom 1" keyframe myfirstullf seconds
/ . , _ ’
-. -‘~_ Ky Iw. ’_¢. ,~rani mation)L| l,-L-,1;-1/, ~-, L,~
L‘: -., ,1.+r. -objective classesdu L-2/7153/lilo l: ’:7Iu~t Z. /'3 Wt KJL5/J67
1,‘: /.t», ¢"L«o_4,-fut’ J71 Q21)‘; practicle hiél-S; l#'. L'. {“';4<9"1.: ?oJ, -rA. ":; . I/ ?t_,1l{~z
animatedulstatics object5¢~J_sC¢flxo4wlz: tf'lalayout
ml svg2:lcanva5oCHTML5 fitj‘-. a:’w: lZ<, ,;“, '/objects
&". |—4': ..Lv<. 'J-'. L7.uf"4 tf{JI. »_; _L. :: com mand5.‘, .~, v:": a?; ,g, ?-J CSS3
-e’t, mb. ~,; loi
1350.51
<§; -:lJ: "2lJ‘3l: ¥o

66.
t({‘in»iL«i
obieotivegrasa§, .aTjid: utKtgnuEJc55aiHTML
L'Jlg. .3/Ll/ Ux. '/ont‘/ gttafii/ practicletJ. ’Z-q_t9,/ bi. /’3l2TQ~tK
Jl. ==75‘lKi_5’ If? Lei: /’i. (?: ?.. €., ul-‘¢ Jnaja/ f6 creativity l: ‘.+tu. ‘.“. ' W2.’
-Zu. ‘.m'/ _'_t5¢‘{d: L.J. li£: CSS3J: lHTl/ lL5¢’l. /J¢i: ;L’J3l-: rJ. /r
HTML5
‘gosglatest ver5ion:2:.3:tJ’liy'-Qt_j'_tLTvesioni3'/ A:HTMLfugf
‘; .uL«Tto5d’ HTiviL5,~; ?2.€ 1.5 ldemand J version / ,-HTML5
-4. t: rtaJ, £.:4:. __. w:Ul<! doctype htm| >uZHTML _3/
. ,g_ tntfiaoéfljudiguuiia t'. +rtaa5J. ..3/"L: ’€7-—. é/22:1
unfit, /t; i(? f<br/ >, <nr/ >d»"" ‘aw <Br>, <hr>
<h1>heading
<p>thi5 is a paragraph</ p>
. -@/ d2i; :HTML5g’? (Lb)? K. __. ?o*fflC/ tvig: HTM Lg? /1
iayoutJa; L». ,a: .Q/ fiidzrguiautaiygiéaiuriviL5%2;ox
-Zdj"L-.
table, div &. J/2J. A:Ll: :|ayoutt_5/t*J’L«%3f7¥:4:. HTML5
2.29 (or; t3;; d“G§: t ; /,1;: ’= Hrii/1L5g? &a. J[lifi-ioir span
-0.? JL">tJ~”if

67.
Nav
menuKZ, }’. .g, _.-u. _tZ. /': _L_>’navigation barK@%: '4_, .l(”t. s-. ... ,,étJ'|
J nav tag. .Q Ky’-9 Cfilgg fig; -‘ulaicf L452 L’zViSit0rrjR’{(3:Q; (fig lot‘
.16}:
<nav>html | css | javascript | php</ nav>
El El javascript | imp
Header
-y3L): g’headerK(‘{§%:2;, .l(7:_. .._, §Jl
<header></ header>
Section
-u, _€£. ):_l§"5ectionstJ. ’Z@%: '4_: .l(7a-_. .,, C:LJ’l
<section></5ection>
Aside
-u3l. /:_lg»‘side columnofla-. . a5ideu. ’f@%: '4_. _l(’1a-. .._. ,,5r_J’l
<aside></ a5ide>
Article
Jla3°‘l£LJ/ ux. ‘/‘¢KfKt}K. §,-t_g_fgartic| erj. 'I(§%:2:. .l(74:. .., éJl
-‘¢r3b. »r. :,. .§J7§’i.3KC/ ’L5?t,5/pre tagc.
<article></ article>

68.
Footer
-i_j_t‘l. /’: _l. _>‘footerK@%: '¢, __. .l(? .s-. . fut
<footer></ footer>
-£/ Q/: _l_>'simple | ayout. ..Q(? A:/ ’rJl. t°1"‘lK/ l§. Les. .¢tf'{iz5.. fl.»? i.(? .._»l
-J. ‘."g example;
‘s is a header
'l. l.’T 13 £1.11 J‘. -'li"lFT i’ "f'l1.lT! lf1
‘s is an article. we can ad any information here
is is very helpful tag in html for postings.
113 if another SCC-ll-I111
-. ~:_ (j; ‘.»; rlayoutd/ .:fL»%: J_J“? é"(7.. _.l

69.
-b’. +rt/ ‘lg! basic structureKHTMLtJ. f". {*_f: a-___. «~
<html>
<head>
<tit| e>thi5 is my first | ayout</ title>
<style>
</ style>
</ head>
<body>
</ body>
</ html>
-u, :;r»§fzZu: u«u: ’o-
1 header <header></ header>
1 nav <nav></ nav>
1 footer <footer></ footer>
1 aside <aside></ aside>
1 article <artic| e></ artic| e>
2 section <section></5ection>
-9?‘-§ooding. ;_ rcssrriii/ d“ic; ?Z¢fiid: »2t23 (7,i3lé: JL. .»l

70.
l — <ht. m.1>
A <head>
<cit: .l. e> this is rig! first 1ayout</ cic. l.e>
" <style>
header, footex'(horder:1px solid black; width: 100%; height: 30px; bacl<g'rou. nd: p)'. nk; }
, as: i.de{horder: 1px solid black: width: 25%; he: ‘Lght, :495px; £1oat, :ri. ght. ; background: red; )
7-‘ 119351! backgrounidcgreen; text, -decoz‘ation: none: }
' sectionlhordetzlpx solid black; width: 'l5Q>: he: i.ght:200px: backg: -ouml: purp1e; }
. articlelhorderz 1px solid black; width: 15%; height: 90px; backgrouridzorange; )
1'3 "</ st: yle>
. ,., . r l
1 in J-
Tl
ll —</ head>
1; l~ <body>
ll-2 <div>
l~l <headex>'l'h: 'Ls is a headez-</ header>
lS <nav>
lri <3 href= “fl">llTld1.</ a> I
1', -‘ <9 href= "II">CSS</ a> I
l. :E-‘ <5. href= "fl"> </ a> I
13 <a hret= "fi">PllZl></ a>
LE1 </ nav>
Ll <aside>'l'his is an aside co1ulIiin</ aside>
L; <sect, ion>Th. is is a sect: i.on</ seccion>
L 3: — <art. icle>
L4 This is an article. we can ad any infounation here.
this is very helpful tag in html for postings.
</ art, icle>
<section>Th. is is another section< / secti on>
< foo1:er>Capyr: i.ght. Banish </ fooI: er>
<div>
3 iii < / b o dy>
E: l < / hcm. l.>l
2:! solidl, :sty| e K1pxl; border/ footer; :lheader2.(7tJ. fu’l
iiitf sopxf neigntiiiif 10o%/ widthi. (”1/15 blacklocolor
-t: pinki. (”t background color
K. /background color 52:. u’75.. Qtj3., wpropertyd/ border
-2;change
/ .€495pxf height ai25%/ width l, :sty| e / asidei. (”w£é: u’l
-lpCright£. (?f| oat
/ i’/ K baokground£li. (7tJ. 'Itfi, l,:5ty| e:(nav Lfipifidl
-l: /none/ text-decorationulgreen

71.
dcu’-'€. ..Qproperty L5./ V O/ gJ’| L.("~? L_5/artic| e;: Isection. f_ (3761;/25
-‘f_. €I}’/ KbackgroundJ/ ‘Lo’:
WJL/ %:¢, P|: {L_§'| (T; j.’I‘/ LKLfi. ”i‘J! ol°, "3|- Jnwgcss codingdzl. /zul, ,«, ?
-Zq). ,._au
deutléinav . _3/(f"| f7?d/ i./ elements add; ,¢IA: uI‘¢3T. :.. L.. ,I
hyper a: ‘¢cf;25.. /:?2.v‘Ié: nav , J/u, .t£, »f; ..? ,T. £/g/ elements add
J; /save‘-_I. ,IJu~J5.Z. gJf§vuuieqg4,; (?a: y? m-u; Iinks
L31.; £L'; ¢.L/2-.7.ankg; extension. .g4.LA: L./ save: ‘:'U. f'z? g(3764;
A: J5’l5o°fgj7F72_A: (KJI-‘¢J'~7/Lid/ HTM Lo: ‘f_Jl: ~.J5’L3:?2_. (7A: ‘¢
34-_r:1myfirstJe: J5u. .0;. fi,; m:Jt»-q_: a.56.htmlXL/ airt
J5’l5g_5;L/24-.9’! myfirst. htm| -£/ gfgfi, /2/I , ;-.332./ ”save: fi’| (7
-J2_w. J5uHTML
g5:%Ewgzdbz¢v‘VL3/t}§'O‘f-r%~; *7£J6£u£'? Lt5J: /’a5:~v'
dq}? -,: «7L5"aa: "L»-§.1.gat: ¢Kfté: index. htm| ,;»5dJUa: homepage
J index. htm| ..Q{4:. fffJ. 'Ig_J’| g_g_t24/gfjfolderfiégdirectory
Q’L{Lfi»'i"ol§LLfQ: /[gJ? ShOWZ/ ){; list}-'f5L5JL’L; ?aT$. /flé. d}iJl: nJ5/1:’
. »;t, n2_£. €., =Jn. .w“Mu:
. I;5h>, .f»I
0%/ L‘3J| Jjl: %>

72.
!({‘i«r1L¢«u
, m.{a: .-; L4s; :m, 'Q. n.fia: wKu£/ yJc: ss, ,uHTML
-£/ Q/oostumizeigaljaifqfii
fig/ JL=3°‘| K.§a: imgf34.L£I-Zu_f’/ Efilogogheaderfigaew
g: "L». £|; :|Jl'header'4._. IZuj'/6|ogoA: /Ul. =°5‘IK; flg_filzlogoeflul
-£/ Q
<a href= "index. htm| "><img src= "|ogo. png"></ a>
A: /.3)/ J/6;}/ index. htmléi/ UL= °°‘IKimaged/ logo. pngL. (7.; :.u’i
-5/. .l,6»‘IA: header
J; -.. sfL»(§°5g_f"(video: {., :.«T. ZgfiIvideo. .Qui'sectionffiv-24:. JI
-; /fitifib’/ video J'{5“= ¢,§. :.I/ ’§, _4j"? £/”embed: ’~/ “I. .7«T; fLlgv
<video width= "320" height= "200" controls >
<source src= "htm| —tutorials. mp4" type= "video/ mp4">
</ video>
-Aiq/ jfiluiseotionf? /J!
.. .,éA: paragraphu. ’I-£/ Q:details. p{g}"'J’2:video, ¢IA: artic| e(T/ £1’
-‘L‘V5C3b| :Z: detai| s,J/ bung»/ JL~’°’| K
-£/ gflistd/ html tutorialsfiubgZqf/ b:| ist. .Q(Ta. Ysection£I. ,.»I

73.
10:75:; -_CSSAIZg/ JL= ~’°‘IL5?Ku:7:: (5-g[$cnJtypeo‘f4; J! /list
-£/ ggstyle 0?
ordered listdfasidezslgua/ JLJWIKunordered Iistufsectionui
J
rmfiig/ Owr entitysguifooterfid/ footer‘;8Tg_5JL. v-££I
j, ftK. -y’ L»LZ| /’§-£/ Qt: JégllogofcopyrightfiaJ! &copy; ‘¢
-Zgt. “?tKdesignero°i? :
Copyright &copy; Site. oom | Design by Danish lrshad
-£/ ufflaffooterfijfl,
4-_. ,,§z: <hr>f7!fyI-£/ Q,’/ b:u3ur’uf”(7/J! d/asideggidzyeai
visitor oounter. ..Q(”w-£é: g_J’I; :I list/ Q>s: KneWS, .a¢711;; :-ZgJ”’/ ’;/ L/;4‘
-?2_lg; J'c: .g3L»”C. ;internet: (.7Tcounter , __. -£/ of/ lfi
Jgsgegld/ CSS(72.A: fKwd/ §.. :sty| e/| ist{; u’JLgL«>£é: J|
-u_§Lnstyles: :A: ;J’| -ZQ/ Ulz3°‘IK| ist-style
| ist—sty| e-type
list-sty| e—image
-931./ /.-.3Ld/ |ist—sty| e—type§£. :4-_or
ulfiy-‘? q.! LTnumbersu3JIby defua| t?g_J. §l. l:: (L, .~>. ordered list
-q't£/ J:,9'o°iJfia| phabets§roman—numbersf

74.
|ower—roman
-9‘-’outputmtgfi4/J. :°*§-¢: ;,. .;styIe/ Iistuiafufiiéiffieun
o| {|ist-style-type: lower-roman; }
item 1
ii. item 2
item 3
iv. item4
upper—roman
-9‘? outputuwé. ;j’i; :’5-t4:g_. ;styIefIistuifl/ Sidzfig w
o| {|ist—sty| e—type: upper—roman; }
I. iteml
11 item 2
III. item 3
N. item4
lower-alpha
-u; £4/tJ? ."€-; _g; :sty| e:’/ |istu1a| phabets§_: '%f(74; J!
o| {|ist-sty| e—type: lower-a| pha; }
a. iteml
b. item 2
c. item 3
d. item4
upper-alpha
-ujfi4(u.1°g-q§z, ..: sty| e:(| istu. ’Ia| phabets. ; ‘/ .(7¢~_ J!
o| {| ist-style-type: u pper-al pha}
A,
item 1
B. item 2
C. item 3
D item4
-u3£¢: sty| esu; rf7d°€: ’/J| d/ unordered listuj 1./ _~. /[. ._. »I

75.
circle
-g”! £J, ,vui'circ| e/Jig; tidotiuffunordered listfia-_ J!
u| {|ist-style-type: circ| e;}
0 iteml
0 item 2
0 item 3
0 item4
Square
-Lj"t. ‘9_CJ4»ufisquare/ Jig; bidotfiuiunordered listfia. J!
u| {|ist—sty| e—type: square; }
item 1
I item 2
I item 3
I item4
Disc
-u. _!£J4u3disc/ JILL t‘7dot: ?u. ’.'unordered listfia-. . J!
u| {|ist—sty| e—type: disc; }
item 1
0 item 2
0 item 3
I item4
numbergdotuilistfk-_JIJ| ist—sty| e—imageqtU5/; >L. ,.I
-gJ, _r; '£): JL~"‘IK| isto‘i_i/4-_u3uJ: :-u3£6image
u| {|ist—sty| e—image: bullet. pngg}
o| {|ist—sty| e-image: bullet. png; }
3 item 1
3 item 2
3 item 3
3 item 4

76.
2./ uf£. Lt¢f num bergdot‘¢| ist(? JL~°“lKJI none. f_sty| eL5.F”L, «I
-d; .': £/a: u,J»JL~‘= ~IKuI -0;
ol{| ist-style-type: none; }
u| {|ist-style-type: none; }
mi
item2
item 3
item 4
AL‘; l[Jla~°“IKtypezcircleufiunordered | istij. '.'. -*. %L»L'£. _Ii. (”». ._. ;I
-Jf”g«. f_ ugf: lookflx’ l/ %:L5/ L/ z
-‘ "bf. | C“. f'. ‘f-3 | .T. ;L’v'F: .?L; ll}: ‘l | Iv‘l-H‘
: _i ; ‘.; l,1__Z_. ‘f_*1_i 1:1
a . . 2.. not new r. L11 srxs
are E£»Li'li€‘d
I is start since 1991 and the latest version of html is HTMI/5. Also *
all programming languages are embed into HTML document. HTML . ,. , , _ ‘
document are also called HTIVII. web Pages.
Copyright © Site. com | Design by Danish Irshad

77.
-if_l, _JUL= "‘IKpropertygfdisplayzinlineijilist if/ ::a: siteJIL. u.’. '
-a'5°£. ”/? (”sg5°"1J. ’.'. »_; [,A: propertyg_J’I
in| ine; :Ib| ockLj. f'Z. {;‘. ",4-. .u’Iiy'«'? .g_j. .¢‘ an valuezg Jdisplay
-’%lgtnQKe| ements
block e| ementsr§; <div>, <h1>, <p>, <tab| e>, <ul>, <ol>
-i; ;;. /(Kc/ =JbIock. g»ru; a.n
ujin inline e| ementsy. :,}<span>, <b>, <u>, <i>, <tr>, <a>
-2./ fKu. ‘.'| ine. .@: I
-4.%4;_. wfva| uesJdisp| ayq;2'; ;«, aI
inline
Q/ (horizonta| )_. ;;4-_4:Io: by defua| t4-‘¢Q(:6u. f|ine. .Q/ |ist, _,
-‘¢i: f,: /l/ .3/’L5/(vertica| )g; f/ta; of/ I:: ¢L_, g(37.5/’
u| {disp| ay: in| ine; }
HTMlC1ass1 HTMI. C1ass2 H'I'MI, Class3
HTIVII. Class 4 HTML Class 5 HTML Class 6
HTML Class 7 I-ITML Class 8 I-ITML Class 9
block
-. /5. i3,; ec)JbIock. gfIist, ,
u| {disp| ay: b|ock; }
HTML Class 1
HTIVII. Class 2
HTMI. Class 3

78.
inline-block
u’. ?}Z, /1,5/listos/ §C}’JbIock. gg? gGf, :/? ui| ine. g:l/ list,
-u; £bIock. fi.-i
u| {disp| ay: inline-b| ock; }
HTML Class 1 HTML Class 2 HTML Class 3
HTML Class 4 HTML Class 5 HTIVIL Class 6
I-I'I'Ml, C1ass7 H'I'M1,Class8 HTMl, C1ass9
none
-. »;_bLgn. ;l2 séa“-‘éiglist 4-_. /I
.3,ul$7lxt: ‘2.7Ku’| -£/ u.‘f”’{u3g; LA: sprite imagesfiddfiilflfilowl
L, fi,. ”i‘i| ol; "3|(7a: J:| -u3£himagesg? /ifia. Jb~"‘IA: image . .Q.3/("if
-Z¢/ alum!
-é: :.aJ§vlé¢; J_A: ..C‘L'$-’
J55 Lab:
<§: L‘3JlJj| ;§>

79.
lrzfgl’ flu!
ifra me. /?J. ?J1b/ ' 7¢4.7V: ,5J: V’1b/ V:. ":zf'd CSSMHTML
-2: i, -': ’”i; J.“. /./ gs‘. /.Sprite images»!
a
ifra me
/ /
/
, _, ,4
«J , ,-«J / V I. __ - 9 ‘/
V‘ ". ~.. .: - Lu’/ '9: g ~. ::' . L- L’ 5.; ej/ '9: V‘ “JP: |{Jl| ’~. j_ . .Jj. «: l K HTM L 5
/5 / __ I / . ’ , _ / _ /
;"’ ; ,,»*’»= I-', ,'I-_, §'. /-. ;.. »‘_¢. / embed J1 . ;'- L»Q? l:'; :- L»J, §,_, !.-e>
F’
—u%u
oo
<iframe src= "http: //site. com"></ iframe>
gvgi border, ,,: '£/ '/. ,.f4«"_5§' Heightgwidth ; :I. -Cw/3
~ 6
/ /
-i, §'&. .'. ~,i. ,;’”"’: '/scrolling
<iframe width= "500px" height= "500px" border= "Opx"
scro| |="no" src= "http: //site. com"></ iframe>
'¢_. '._/ i"7._2.. ,§'£. //. _.”-I/ ?., ‘L»"~‘IK. _,'I J sprite | mages_, §Z. ./; ..L. _.l
/ / - . °. - / / ‘I 4:,
., _L. -_CSS: '.? . L; /gt , ,~i»~-' . .£? .~. _,ra-, u.. uV-31,2. 9-‘ cm , *.W Y“
~L'~ - ~ ‘ ** / ‘Lx1~v.5"°(K rt" ~"'r V“ CSS/ V-~ 1:"
34~, .‘u—— 43:431.. ‘/2 C—o Q 900 I "a §«) oQ"
. .l. /7I. J./ ‘I, ,', ~"e. ~, position/ ielbackgrou ndzag’--: <.§J: ~t: /’1t: '/properties
’l
/
QL S: ,/ ‘ - .
¢o9;9l. *'_u propertyuvgk/ Z"J~' CSS/ /1.t_: '._, ',~'e. ~.; ,HJ3_, §' properties
74.’-'. .C Sprite Images: ,,§/ JL»'‘''IKi_; ’Il/ LeIBackground-position
"4 , / . . . ’ , ... / 0 , ., ‘/ . .
Jv, r:’| *€. «_§. ,~posItIon: ' element 'Q". :’_; /LbQ~: _|’C; _pOS| t|On
u

80.
./ -_, §'£. /"‘ 9}. ’-4,7’. §£? a’; ;f‘&? |»I-Viz, /-_L£. background, -9-9
page ruleryfigoogle chromecfvfiifinstall! /Too| ..Q. {7%;
:'/ local flleS/ ‘fl? 4,5/down| oada: L.J3gextension. Qij}c
1'/ allow access to files URLs: _J. fsettings; ~'-. =C; .// open
-¢ lg/ enable
r Page Ruler 2.0.5 , , Enabled @
Ev :7 r'ul. »'~r ‘vut.1-7* ; ;;‘ i1:: :»'«ru 3 ‘uni gin = ii? g:: w'. v_1i ‘mi r: i»? :lwi. r~" -‘rm ~»= t: ; w_', ~:—
Permissions Visit website
ID: jlpkojjclgbllmedoapgfodplfhcbnbpn
Inspect views: background page
Allow in incognito «I Allow access to file URLs Options
.11./7. J3/K open J3 browsera; I1 7: 9% ? Lu': _?. L». -*‘~L«': £ : .. __, .». ?, 7.. .!
M:
/ / ‘j l/ “
-_, ”'. ~/"drop. ~l. .// drag: .. mouse: browser¢_. _,u"r. ~—‘. ?.7;_: .., :.. =;)
vi? .5 L~d; I:. . Jul if social icons_¢a 91'? “/I}/ :i«/ ‘J/ g‘lA": #‘ {{. ~“~'. :/l-V'. ‘.'
-€J: 't: socia| navigation bar
, cI. CJueI-, Iy: i/tiunordered | ist. .:’I_, 'i'V‘~: :tl: ;|ist. Q:'; .7%; .., ..»
;7JZ§“}'° image. ~"'b©ce. ~JZ+’. 'address: '/image¢, r§L, ':<i/ éimagesfl
7
C
«O
<u| >
<| i><img src= "" id= "fb"></ |i>
<| i><img SrC= '"' id= "tWt"></ |i>
<u| >

81.
-<; _.i_. ,i/ I/*: *“’height 1.9lWlClth .5/icons: _JL~3‘l. [.page rulerJ. T". ,l
<> lmrilir 22 : m1;-rm 20 . -in 155
: Width = 22px
Height = 20px
<> rm-‘Lin 245 tltilzlllr 21 am 155
Iifif fiifiiffijiiiiiii:
ls: » . .
F T Width / x axis
r 245px
V
lie
$11’! a
-gwidth 245pxJ. ;a

82.
Y axis / Height
231
r}: o ( av + 3 -v.
= Jlllflfl
-4. height 251 pxgfw
-2 ¢’, »A= *f‘¢’tx/ l/itter2_, »r . ;)m_, l‘*-
-_¢height 226px zelwidth 245px
-vL-4t'le€”/ ’-f: J2."‘gI3:': g€CSS| ’KUL»Ul. :,. l
u| {|ist—sty| e:none; }
ul | i{display: in| ine; margin:0px; }
img{width:22px; height:20px;
background-image: ur| (socia| -icon. jpg); }
#fb{background-position:245px 248px; }
#twt{background—position:245px 226px; }
#fb: hover{background—position:193px 248px; }
#twt: hover{background-position:193px 224px; }
sty| e£ I/ fijcelfib. unordered lists: /I§: _ __/ L.‘/ ?:': ,§ég/ .~. , LI

83.
/_ _ / _ / _ / o , / /
/ell. ..-' inline! disp| aya. ”.. ./I; lut/ :I; ..u| ;;, *~/ ;-t: /none!
/
I/ ' In I% , ‘ , . / / '
fig Img, *+-; vr: ’:; i,r3,c= ~l, *~. f’L"£Ilxéyta/ Opx : ' margin
/ . / f K‘ . .
-, ,~’, ~6 background-Images; U1./ ls/ €g£. : evahelght/ ‘elwldth
. ,L~; ‘:. backg round-position Q*JUel: _|’ t. Cfb. }t-. id. .§lL. |*? .‘~= ».‘v. ":, ,"l
-l5"fi; t»; :tvvt2. rt, » up at; heightielwidth
backg round-position i~2’"L». ”:com ma nd Q: hover: '/ id's¢, ~2'l.5_. , 3/5
“/ /
‘ / . . -' / _; . / , ‘ - /
*"«v': ‘9:: ' pOS| t|OnQ(l19ll: '¢lv': l| S'[9:: '{. *“7.. «:le. "~. .' v', gl. v:. '.I-L. ~/: f,~; ‘1~'
90 N
-9
N
A / .» /
Vcf | ist. E.C‘e. ~.»e>.3C’e, ~.-‘f. .—-fi'; _;~. .t I: .. V“ lg set, _; positions . .ECi, 'i’ list
co
co
1 ~ _ _ . - O0 . . , 7/ 0 0.
level; J. -at 4%; posltlond’/ l:L, §¢. /'/ hover| *~, /2191-; 2.7/5'
-J“"‘°i”~~¢t'/ '5'. L:. ’; ct’ la? ‘/°~
III
III
III
9. l; '91, (U 1/ ‘ (U ‘K IV “ -'| l/ G 7
one ,4 s; ,,. ;; _Ls_advance selectorsl/ ~_, ~J1.~l. ,~ l. ,>~l>l I. --. ~.. ._-, l v
-é. °
, i:$o, :.l

84.
l ll. -‘l
CSS| *7._)1'Jtt: /i_5/g’-,7,, g,c7J}5;_jfJtl§J: :%: f,i_§/ CS8/: lHTlVlL
. '/Jt£? e»"/ ?|/35%? ‘-_J! -'Z, ,r. ‘.”*’/ ?J. f;; ta: /Advance Selectorsz:
1:! id4J! Llz| *3:L; ’l, ):! -i_, .'; &., -c}; ”HTlVlLgjl. » Se| ectorsJ. ’CSS
-47 J3”; -,, g]J3;; _L. £!(? .,! -J'§@ mi? -l,5'~. &.. .('3-J1’; /.L; ‘:, ,l"i7class
* = For all
/
J1,”-elementsgjL»Jf€e»2J7£. /Q}‘(? JL»3’! KJ!
/
styles fitstylecgl
*{font-family: arial; color: red; }
; /
-& V1’
0. _ / ‘/
7}” arla| /,~! red)'‘Ke| ements;1 L». «.. f§. g:gJ l: ... !.: .-_ J!
Desendant selector
,1,-hi ‘Lt; me, »KJ: ;J§. L!: pairJg; A:D2., §L/ ,2(IJlfi'! KJ!
, _, . ". /). ~‘/ . ~11 0° . . . i . -
l: »-l; _f: Q l(u5!-g_, ‘7 J': ..; "-2;. II»! u|u'": 'L~? ::o: :’J{¢l: :|ISt. ..3j’~»f2
co 00 . ~°‘ I I‘ / / . . ‘/ / 01’ o. no
-J§¢/ LlLM‘! KJ! (~: ’xl'¢: J~'- I: /., l:': ' Im. !;. uI; ,': ”7/7i, $~-_, ;:-9/L‘L= =~*!
X / J
ul | i{color: orange; border-top:0px solid #rrr; }
/
-KLb. ~cOpx b0rderKtOp; .9!f-J19!)/ K|i;1Lzz:1,C! .:: u|. :.J!
0
multiple selectors
Jl. =~”~’! .*: ,,l, ;,-4.5‘-. .:/ !!. _,; '” / :,‘l. »"~’! Kse| ectorsJ’fo: tJ: _.. QJiCSS. /7

85.
/ / V . , '. ‘
3£; '—K"Z' t€l( ‘ )la! '». .«; l'V'. ‘.'Q'V/ ‘.‘. ’_J'/ .lV': €.«', ~")e"—. ;-
p , h1 {font-familyzarial; color: red; }
2' / é ~ . /
-V‘~; lg. ~<aria| font-fami| y»! Ji! ,*KJ: zi; "CJ9l. Jlfl, -f. ‘/. -f—. «l
+ selector
/ 7 W’ E’ i
‘ ‘. b!’l-*7. W. ’ 's*7/""i”-~
. :!; .I/ ~:; ..—. . L»-V~. v:L; .~, c- ClaSS1l.1l. V,, 5./ v‘. /Jéy ~. /|"vl. =-!
K paragraphl! !e; .T. s:»JL }’. *:heading/ ,¢ J. ‘.'J! -'/ J,'£. L5f_| ’5;e! },l: : -: ,4:
:0 ‘z
-_, ;£, /Jul-'! KJ! ,»I? ;lg; cJi! .*
h1+p{color: red; }
-b’; LgxJl! paragraphl! !e¢L 7221.”: heading, .:; .J! .,!
> child selector
__ / Ag‘ , ,_ I
: .«; f-J§('. /.; ,y lf! ' e| ement_, »’i-"’(~. ~.. ‘Lw IL!
div>h1{co| or: red; }
- r! €.«, ¢ L. -Cdiv .4234:-'r; _ w. -Jl! .5€r! Z Jxhi J'°'(é: »’! .;: div. .!
zfirst-child
_, ¢.z_~<2 , _,! :’ e, ~;f. g_: .l: .;°{; j1:. ». . _,ll. ’3"! .”: J!
| i:first—chi| d{co| or: red; }
-Kv. 'J llQ"~. ljll; ~_. j.J/ K!’ ls‘. /.i_, ':C: 'l: /Z: llJp'/ .*_iiJ. ‘.' l. :.. .l: _ J!
zlast-child

86.
-¢ l. "/T’ Q. J:. ;:J.5 7,; if-' l 5?! Ja‘_. _,
zzfirst-line
/ '1 1 /
. / ‘. -' ‘/ / . V '/ ’ ‘ ‘.1 ‘/
J5 l: gJ. ~'; .JL= -' ! ... CSS: '.; ,'1!, :,v, ; element fl/ ~~ JL»~'! .s. J!
“/
-V§&g *
p: :first—li ne{co| or: red; }
57-’ ilk/ {'r‘| L"/ './3l/ |fl- l-l rl
. . Q'lQ,7Vs. a , ;.‘; JLa. ?é'—g
0
: :first—| etter
/ , . .
. ». L: ivli 1;! Ietterg ,1 9!: _ : ,A, ~’! .5‘-JL»~*! KJ!
nth-Chi| d()
/
/ / .1 ,7}, / ‘ g.
; . ~J5 l. ::'/ ele me nts. *_ »‘! £ ! c. . , l2:': °/, ’ '5-4:‘fi_: ’5|/ ~;. J! .-"! .*. . J!
-C
. .Vf: ';
div p nth—chi| d(2){co| or: orange; }
/ /
-€£_o. ~4(orange)J} teal? )Ku. £'4J7,f: ;:, v’i; ./, /'9}; :1“: -dlV: —— J! ._. !
/ ‘/
(.2./ f»K, ;., =J, ::4 §'~. J‘- heading. gn; .l§div; :7a, fl¢, rt'
/ '/ 7 / /
, . '17, [Kw s, ./. ! . ,l. -‘” l U)
-5. . .,u——? --JV, -,u——1-: -/ .,
U
nth-last-child()
’: 2 . ,«J _, 2 . / -' : ‘/ J , ., . ._ ,
~. ’:L? 'Q‘§. .~"—-: "¥U”by9i? l"'er"? ~54’; -%~r': o-'i'¢~J'l';3'~59:Jl"“ '5"
’ / L/ J“ l?
-b/ :’. ‘l? 'lE. «~l. .JQ"~&’L4_°, '
nth-of-type()

87.
7/ / /
. 1! / °, .7 .
.43‘-. "-p . .J/ gf‘: J3JlJE'-9 t': cl; «v”/ (‘E/ !/’-.5/: ~,': ';~. ‘r. ,.«*J3 nth—chlIdJI‘7
6-4‘.
p nth—of—type(3){co| or: orange; }
-€2‘_La. -cfi c. f/Kc)! /7/3:1,»/ L/. ~" . ,!: _ J!
nth—last—of—child()
.9 by if. ..‘ ! /7/; w_; ;J. "7J1’ we e! i 5:! J5’-J‘;
. not()
*: not(p){co| or: red; }
not. ;J! ‘a. (I. Q::21.J_? .J! /7/guy K~€J1l. ;». ::U l. a;(‘g:7g; l.: c_J! ._. !
-9 l. ._-'/ Jl. ~“’! K
L. gel

88.
f(‘L’l’“"
4 ' -
l
JiJ’J! . ’, _': ”». ;Q~ CS8/‘9ll‘lTMl_
-. »_. .~>Kcss2 / /css -4;/ ;:, ::= §.. »: . !«: *:; ,,¢. /_, .t; :;, ~/
css. »row: e’¢ ea»
.4. rev“; /‘«'J! :}~/ JXCSS
div{cursor: val ue; }
-g eQ~: / J1’ J! .., !
W; pf :5._>1,»'-'1”.
/ / £1. . , . "o s 1/ co“ . .
; zoolx/ lg’--i, g;-c= _,i¢”; .., ;,g, o,, £.= »j»~_/ Ow ! K,c; q,; ¢,«l'
. / _, ~ “ / , ‘/ .. _
: '.; ..ZOOM 5 . ,-L_«, ,,r: g-, i:--; ;~4gct. ,_. :' User*~. ~-/ :,‘L»~'!
u /1, / / ‘/ /
24 J1? dz 94 o’ot~'-' Jf"’~ M dz 5:
cursorzalias;
cursor: a|| —scro| |;
cursortauto;
cursorzcell;
cursor: context—menu;
cursor: co| —resize;
cursor: copy;
cursorzcrosshair;

89.
cursorzdefault;
cursorze-resize;
cursorzew-resize;
cursor: grab;
cursorzgrabbing;
cursorthelp;
cursor: move;
cursor: n—resize;
cursor: ne—resize;
cursor: nesw-resize;
cursorzns-resize;
cursor: nw—resize;
cursor: nwse—resize;
cursor: no—drop;
cursorznone;
cursorznot-allowed;
cursor: pointer;
cursorzprogress;
CU l'SOl'I row- res ize;

90.
ill SW-YES

91.
J15/t_5jTl_§/ £'g1l: :., gATVi; :¢; ;f: Jtl7/V: ,, vJ, ~q_, '~/ CSSL-! HTML
. _.. .!'5/Kindex-'Z J. ‘.m{g_f: gJ _L4‘/ .z—index; CCSS (? J.? J!. !:’J! ;:! ._L~: c
X-axis, y_aXiS‘g4.Cb: ;J: fl§?5L%T4 z—axis‘¢. ~!/ :_z/ ,~! .,; ='}‘¢t: -4
, ,~’! .,; ’°€| *{, __. ;:! ,, ;3’}Q~/ z-axis. ;‘: ./lb‘K2-indexf, /*J! J5J‘ -a/ ,~,5:z—axis
. .¢t'7.2'.
’ / / / , / _
-! :4t‘l4ff/ ’g5Jf. ‘"i": :'3:'Jlg«TgJ:4lL'rrUi_)f. '.: L.££~3f: ~' z—lndex
<htm| ><head><sty| e>
. box { width:100px: height:100px; }
. one { background: red; }
. tvvo {backgroundzgreenz}
. three {backgroundzbluez}
</ style></ head><body>
<div c| ass= "box one"></ div>
<div c| ass= "box tvvo"></ div>
<div c| ass= "box three"></ div>
</ body></ htm| >
¢. |’t. ;': bOX, one. two, three - "il: :J. ‘"! .bC_l; ;,J3.’CSSL|

92.
one. 2.| *3». ‘.-‘: J!-_L. ~J100pxL. |»? :'/ height; e! width Q: box; 9!
' ' - l/ o o / x / 0”‘ / A . ’ /
, -,£': '_, m:-. ‘.--J! -¢ 1!; ,9!/ '« J1!-', ~; —-Er. "C»-. ‘."_a? L'! .k1|’5°)'/ :.a£v_'. Kthreeieltvvo
/ / ’
-. g,~/ @!, ~', ,'! .‘= /,'~ three gone, tNo, o’L». ".. J1b ' box. _j~; !/: !;l: -.. !,7.f. div
9,». 9, Jose J: _’; ¢_V; ~.7_, 7}". -.", },, '!. ~?§i. ~’£‘ii. -‘. /.div. _,' l: »e. ~;. ~
W3 3,: ,. qf, e’
<div c| ass= "box one"></ div>
<div class= "box two"></ div>
<div class= "box three"></ div>
-€~cQ, ,_»*'« outputK_-Joe!
-_, f;/ .17/5L'; ~'-! _5°'! :,i. ".g’! !. ~:JZ-‘/ Jl. »"~"! Kz-indexJ: '¢, !!f!
’_l
t. ~C, ‘l. =3" ! K position J; 2.5, e! ..§! ., '~/ CSSJZ" W .2. , l!. ’~"~"! .a‘/ _z—index; ;5
/ _ 7
‘7 ~__ / / -
-r_. J[/ ;ll. =" IJJJJ. -¢ box , »~, ~'J ~-! :.-«:
. box { width:100px; height:100px; position: abso| ute; }

93.
7 ‘/9 5" K/ .3
- ': €g i, /b/ !.»? , output/ ‘.>~. ‘s. .,, '~
was I lg -« / « «Ma w r
l”9V‘/ lay, ’ J9i-L— —. J .5; /9!. ~l_/3'. /‘- Vw $2 . ’~—t lg/ cog Li
~: / - ‘ ' °: ~
ow to
P, E ‘:5, . / r. 4 V ‘I 7t -
. .V'. n }/ :-_J o'—— iav-"'v‘lrJ9‘C‘_ibrJ
u . 3.00 0 o ~
/ a1J ? ~(
P l
z-index. -‘. .¢_, ~~--; J.~indexJ: !|»? ,.!
one { background: red; z—index: O:}
. two {backgroundzgreem z—index:1:}
. three {background: blue; z-index:2;}
/ o
o “ ,7 4 ‘O, / : ,/ I 7 . L.
/ l
/
. ,, ¢ _. , z . . / 7 a it 1/
a_. '*~; J: poslt| om'J! (~. ,!-; l,: index. .:, »3'; ,'! ¢_7. LJ: -4. _LV~. ~'
so
/
one, t/ l/0|/ ?._. !-f': ,'~. _,‘l. =~"~*! V1,; e.rV'~ position: abso| uteé'. J!
0o
0
/
-_, §/isgJ°: §(? -'/ L;e. ;.J/ Jl. $"! Kpositionimlthreeiel
-43/". ,‘! .== ’3"! .fK| eft, right, top. bottom, /ii . CpositionsJ£CSS
O9
leflz9ltOpJ3‘: ;V'l. ;;. ”:‘9Jl| ’5 : '

94.
one { background: red; z-index: O; left:30px; top:50px; }
. two {background: green; z—index:1; left:60px; top:100px}
. three {background: b|ue; z-index:2; | eft:90px; top:150px; }
/ 4
19!, -’: position. :_. ..V. f.3O«3OJ1|eft: 'J§. L.i*3,, §'¢, gi: .f. L;«: >., I
-€~: ;gb» L2; outputl: ’.-! .u= l.: .J7-J: position. ;.7V5.50: 50.-_top
"C. k“ '. "~': l. .IvV '37 °” . ~~L, /.5 l/ por , u7l". ./ '
gut, ;! ¢_°, .l/ r,~V». _l, >.LQ/ Q_, lJ: ;/J: ‘l: >9.: ._, L*‘ ll. -Z-Index?
/
I
/ V , , ‘/ ’ 9 / - " / /
€<V_'L'. _,7"’tb/ CSSMHTMLV-C Lrg"-; :!’l. /.‘. .,: l -Q*. ~.'J. f-Vh"'J~. ~'. ~'a 7J7
l£=5t>. U!
‘ 5 : .i
at» 3 L'', J ! J’ l: '0