ee mo id ee
ene crrvotsoy 5
onan
pO A ae e
4t'g teol to communicate With Gomenne 18
called 08 fanquage 5
F PmiRANIMING LANGUAGE .
— PONE
| Ht ‘5 tol © commuyicate with macune —
® galled 8 programming ‘Jorguoge .
18
Tyres OF Pecseriwain Jonamnee -
S ow Jovel Jarquago
> High Jove! Janquage:...
1 > Assombly Jovel Jonawge - o r
LOW JEVEL LANGUAGE -
Only Mmochine can understandable Jarquage (Zicay
| digits (031)
HIGH JEVEL LANGUAGE -
| Human and machine’ understandable
Jonguage -
ASsemely EVEL « LANGUAGE. site ae
Assam) Jorquegp 1s understand 4
: popes
urdorstanel
Koysords
make the ~ machtne:Sornocee
% optuoro aot qd instructions te pafowm One
Gycigic “tock to, vaduep manual time .
% Two typos: ;
Syptom Soptuare . ‘
S Application foptwave. oe
Siem ‘GOFTOARE
eo
To a the ioe
task.
* This application povform gore’ » Specific
#* Thieo typos : oueriot
> standalone Appication
> Web pecatont
oo. > Cliont - Sowvor Application
Being feres mod fret “sing
Application works without intornot > Application
present —_inbtuild: ” _ &yten .
WEE frpucorion
Web Application
“internet, with dome — other @pp
intosnct
is with tho hlp 4 Cree
troaning tthe
enouet
ath ig oO too) and techniq ne Bee fo
implement the cipplicattion .SERVER PPP Lemon
* dorat gp .
"8 Nooded! 2
* With Using Wtoynot
Instotation '™postand + intornot
Application Pansony «ah both dont
dayered 0° bil Praicttion +g
[- ia,
Presentation Jaye, Businogs degic fy, atabase
(Front ond) (ap; dovelopor) ( Backond)
To implement a lap >Hoat and bat >To stro Potticulay
Yo us HTML cos, the Application, “ofoweration. of date,
—" * DVO -Bpiura, Hira * doy |
>the Rameuiot; * Python - Django fe
is React “ts/Arqule, + eases: ae :
* Nodo ais Express ae
;
Cope
Smpeativg Syntax
| D Velogoy
Delactive Syataz.
Snbuild odo + operon cece,
4
0)
Q
reo | Unity
fo dee.
Crcotin
| Code. 9
LIBRARY :
Sado 3 Libion
FRAMEWORK ' :
Zlibany > Rameork:
| FRONT Ene :
User can experin
BACKEND <
User can abe
INTERNET *
“Interconnection
iii te Bi
- ico that. concoct with
id wide: * dovite
4 4Collection of Information
INFORMATION
It. js, contain media's | Files’.
Mice prism <
Packet Routy Network.
% PACKET — The message want ord)
the msg is tonmted to ny
# RoOW 5 Eslablish the connection 4
pa niortiet 7 |
package .
didovont natok
# NeTWORE-s Group q, dovico connected taptner 8 called
as network,
PROTOCOL * 1,
Procol. is a sa & tods-
IP FDDRESS .
% evico «connected «#0 Infonet
Tpaddress
= Using acthoss ue accoss
Pat
FeP [Transmission Contd
tts
pe corwet estinatien
NDYIGIFTION
1 ebridun — roNgoteT
What happen's whilo aging act
CLIENT
Tn ‘is Yoguest too the, ener
Tis moke au al tiny pocket
SW abesld have 2.
‘internet
Smid
thao. BrktVee cotection 4, dnfownation
esse ¢
collection of wob . application and * Webpage = +
WEB APPLICATION * ; J
4t is a collection of vabpepes
WEB PAGE
“nimi document wo contain as) One wobpage,
4
EXTENSION *
Trang #0 instuel He os toot ind 9 He
iegle
owrat "is calcd a» otforston .
® Ono Entivo appication
Ge oie ott «Sige OP ceplcation 2 a
& B jg a morden apprcch . qmvona
+ hess page ‘salead time
4% Gromple : Youtube 5’ bidnail,
MUI Peoie AIPPLICHTION
+ Fre application _ yoturn ee Be 9458" one
inge HME “doturnent itis. role ag “rath RR
application .) what intovact oth the
SSE Nitntagn \
~ @atic
Developers can Creep " nen 4
ie
"4 Fromple + coll tabaci» Aca i
APPLICATION, DYNFIAIC ge i
“Ato | ‘eso '
n also intoract with, He
* Froquentty wil change
Be toh ter cal
Dyrax ue pages,
.
“developer and asi can oon the tontont
“a Fovoanipt con champ pp ara pare
Syncuronoos wes rrars | (SOLE rem) a
Bagram wire og he
en
© Ab cain. 1 will | exteete only cxceatton
% Examplo : tio Gara.
HME
Sm Barnes chaatod i me. (9a) -
a HYPER TEXT MPRKUP JANOIUAGIE .
~ +, Hyper <3 ere “Vink. a3 rina
Bat ae roel on the. eo WtebPoge,
Markup —> Prosontation to the text .
a Jonquage -» Browser Jarguage,owt ON
atuttev?
Chit >
hood >”
Atte > MY Webpage: 4 [titles |
[head
Abody> ’
Zp> This ja contont Behe
& lindy > pot A ee
himl> j 6 z
: |
ie yorsion Al
+ Yi soc NPE html > > voros yesion oy HIME Jur
get! startet kL
Your document tail! 3
document i oes
« Lhimiy > voute Ly html > foun nim! tag
uch Page; will ort stort - \e
PTAs SS ataatath (dain, Aout Te dake), 3
4 bedy> content that you want 7 Deploy Uebpap & a
. oa
Me ‘ *
* Tag will rove ome insperration. . win F
¥ Dany thing which 3s onittose) with angle
3% Tag ‘ave 2 typos pl Si
ST 3 —
Zona>
4 D Pairsod tog Ceontatnes tag) 2
D Unpairad fag (soit clos évagty | vil)
Loni?
«
det }
a r
vie LieWA
¥ Withot poh it | doss not comp battside .
* Sint tag ond ag:
nee A
Open ps wil agyree 1 Y
* Ontont 5 text contont | text /inner him
% Paired fag js also calle) as contoth aq
# Os html, body, hoa’, poral s-tile-
Ynvpeiren Tea:
*% A tag tot will have paved
a A tog ontlosod with
or: break tho line S.
o-) £n} — hosizontal tine Aina
Henge “ag
eae NN :
7 Q b 5 dating ie _ webpage .
# dt jg “obo have pom.
PPI wie hove | hi aH Prond,. Sie ,
* We hav he “min” fond
TEXT FORMING “TAB's! 1/2
nw. OR pes
~ bold e p
Oe putt wd oa
—~ empasize: ge, hh ; 6
“A oioy \ alton
¢insS ~ insovt
{ ae!> Delete
—- Qubataipt 29 |frie ‘lod aa
oo ;
healing exp + hv tags fons ae 4 lao
4 top ay
a? et * Gentont
apy this ie Page PY Cae : i ae ay 4
* tho yepptent _cewipy, 120%. 7 :
of wotpagp. | a
Vy Binh “BiG! othing al vaE> isi tontont apy
rroans, xapping . the contoht
K Tort ““ovmating 6g
ond ~Gpan rds -
ATTRIBUTES -
ARARAS
* Additional information akout tag ov lemon
8 ar line - PA,
% Syntax satsttutename = * Value”
SMe ae gece 4m ering 4
# Fach log con Hex on. tiata
Cone AriRVeute
roquantty “aso atibute
fo, aed ase cote ‘ato
attxibutoaS Target Flee aloment - la
; dlyle a an atlibucte Py
: =, Coccto fnline 5 Style as as ‘an an bad" interne ost
Bet oa mg “a
Wa) > Style as van toy rogin, tl
6 o
ae pesd Shor Aino!) coum teomimrarits linen
- ‘omoand ~ => oe inaaolo tovol
ome} J
A group a element ig catled ~ elamants .
Boas _ PENENT
Open ‘tag along) ‘with alttsibute ;
yon Haste | oe
it | aistibuke ©
waa
-, intexral inline styfe
_stye
aiyle
ato
eh Content along with closing | 1
t is callcl as one: Him aement . : mad OF el
"§ ferent: tte |
NESTED ELEMENT <4, es —
Element by , element is called a “*hesisd.€!
n
OEE OE re
x Anchor tag is 2. paired tag. : one
* bunts aS dtad
| blick the
+ Convert text _ into geet (the tse
hypey link it ual o se done thoy toob Rp
oti, Welsitorn Blas fi
Anchos will have attributes :
hiof - hypo yolorene .
toouporE”— ! nH
Aasoltto Path Rolative Path .
wat pO" pavont.rode , start woth. child node
nd wie CN end with child rece.”
Tee
Oro lop bate by clotalt its etelp Change
bate fo% — PeYpose to opening new tap
CHeRCTERIST OF ANCHOR ‘THGiT
© Uayisitod | tinker blue, colo.
Mistod link —3 Purple Color .
Peek Link's Gttive => Red celo
| ’ re
} 5
HOW 7b IMPORT IMAGE To ‘YOUR WEBPAGE 7”
dimg gree" ” alt - “fs
UH
ist
* Order list
* = Unordor list
% Desesreption list
|
Oroerep tet:
aol, >
Boise
> Tho list make
> Num is tho dofault Aoquente
‘. applo
eo Dielce
8. @onana Sot
> Alpy Reman totter is uso .
Inaginany top 4 praginany _ bation
Yh View height - iced a
How Jo ACHIEVE . :
. | > filer one
two atop boo.
atop baw. nai)
ar), as AélesJ Yi
tard gupaon 02 wild a ee
fm Youton 5 16 intuodlue
VERSION = OF oy
NAA iJon os hs ap
| Nav taq
Te
Gimple Way to omernbov a@omantic fag
ye Redol sais aa
D —¥ Detail Lolo
4 > Aside 0 ae
Mm —S Main /Maxk a
ola. Nov ee
co. “ottion | onietony! sll
\
T — Time
PR Pay migtticto's, oi
>" Yque t Fiqeaption :
> qpoter.
Nig aereityGemanmic Ths . nine
|. HEADER :
“tks tities. a header fo" Tee OF “eton |
|
2. DETAILS:
_oofies eatin al that can’. viowoy hide,
$$ um click thal ° aummany text it unit et
details about it
3. ASIDE : ~
St givo content aside from pace of content
_ 4. MpIn MARK ¢
Main dpaifios fou matn eontont q deeu ment
Mask i3 used for marked [ highlinked toxt -
®& Nay:
Its ig usd fo" Navigation and 1 conta
Navigate and its dommantic tag
& section | summary
ation @peifics ation on a, document
umman, used qo" Vieille hacking ad
O & details > content
TIME.
1 ty sod fo addidata tim on decumont-
8. ARTCLE .
dt is “Hd define a get: contanad piece
6 content that makes gongs’ vay’ $ He, wnt -
EX’ © A nows Showy .
° a product discsuption.“an alenst /onythng we can be”
frat that uportal! the “bwuser.
mp
> Cemeron Video fowrt fat aaproyt aii to brent.
IMPORT AUDI
YT
Aaudin Controls S <3 attwiturto fo audis
dum a.’ ¢ al sr
typ . > thy
€ Judi |_unpaiva
bactiey
ATRIBUTE 8 GME FOR VitEy Yan 2
SIC > impent andiy pat. tagialy
Lis seunte —attwifate anita
Ls type -smaintain ie +ea \
Agoura Sic= >" type =
cb sist ror fe
es OT 8 nihaaitlom
y om
are aerate a
a HF you wiht’ “digs © Geno pffoy _ wwobpage
a et eal oe wo use Home.
BAGO nth itl, ihn ae
a dfanme used to disfay a webpage within
,boabpage.
Gyntor ‘
Liftame dre = “https: / ww. willipedia com ”
frome bodey = “0”
gic
> ppamebordor kan: | a
OER ATTRIBUTES: =v
> Hight
> hlidth
hiv THe -odaye
Ah Mottin c- sapt 4
7 Ss saa bev
ville
wo.
wor off be ?
tt bho at om ie
CELL PADDING * a ue a
Moi ite ip" pace kotwoon cat! * pordow |. o6Be tiga ninb
and cl contont ‘of * col body |
CELL SPACING f it |
umide., indus
TPREY os ; rt Ei
a ‘opltection” of OWS, and cols”
tables becaune: axrange
a Why uo a usteg
io data tn ur ( veo intorface) .. .
a vy
ol (bt ofl
GSls Hobos) EMPNAME FMpLOC —_EMPCURRENT 400, = heaal of
ar table
— Row J amith aang ot vs
2 anecl™ dor . “rua
é Band ial Dray
4 Rose Cointnce ee
4t tert} > tot — fuotorStrocwre OF THe TRBIE: ay
an a “crante tourcturo ‘ “¢ “yabio” wo fet
tee “atl tag” ond fo ad vhded * ‘oh table" too
480" tread tog" and in tread to add you |
“4 tag” insch it ue, ‘th tag’ jp data .
=>‘ table ‘3 thaad tt) ths Id (Pojrcd tag) |
x 6 “add \ vewrde.. in body oo “ead 7
and ip t add tho tow "ty tag "and, pi tho
data ,uo 480 “td tog i : , ‘
DIFFERENCE th AND 4\_
F fe data ahould ‘jp “bole black color 4 alight
Pen cctisn, °
Bey data ahold Oh ‘normal...
NOTE + [oe :
>To ceaoto.a colurnn thon row is eet
> Wittout stow croato a “column is .net pasitte
INTERVIEAL QUESTION * Ee Fr
> +f thoy ave Osk without Yow. uso hove
Create ¢olumn > —s.NO ;
> How | to croatte a column |To cyeats. . talbb
Celts -
> We uso ward i re
STWE y Toe:
toys | > :
bodes > 1 Px. @oiid black 5
3 ri
6ess
ney “SPACIN ing, friteone
# ce oA Aree
Ma wie hry
Be tn eae ET nos Boel 7
PNT ospent ..2h,, ° oe Bis
PROPERTY : me : ,
ro ARHENE — PRCDDING!
Bi. einige
+ godicg “FY doteust wane isi”
Padding, *0P*> Be
cach calls hich.
tn uy and 4 sits
Outen,
a
TTeCNgp
“to ACHIEVE SPRUNG! *
We uso border agputng a
is OPR+!
ats by defousk valve
border + Bpacing : 9
a ™ — wing jo dable
ssBes oc ae
oe A FOU vat
data tf, fobb
are working _ fom
: i wous ard colurons a
q rmging !
4 ue umn to ring * tn. columns wo
colspan .
mr - a eae i
Beppe cospan xh,” >So <1 Ss
WAM
ste by detowk vo by Bibby s
AL: \
E Adiria, SH defines coll oetluping’ One col
“Seba oa - : i 4 :
ROWSPAN | : e ‘
43 un vont to- reroe tuo wong , UP a
FOVOSPAD +
4 hat ASM
ify ~ defo | “abo $8)
nd ac MS] pRe al
| rae ivan Ly ie i.
Rie ‘eae “a be Monk Sip. sa
’
Novy | a) td \
Be} 6 LocSe
: —.
noe
48 you ‘want a collect of information form «sar
throug electronic way [online using bo gonding data |
oe |
Bi Teale
describe |dofne an html Bim latee 5 caoy
» ‘To
- i
A We use form taq ad sts paired =
be
Xfoim action ewe rotted =~ ”
ee ne oe
Adion —> give path now wo Us dunn Palle
Methed — dts has two impoxtant things .
* get
x post
¥ GH —> “ low Ghecuvity :
¢ user click te Qubmt button ager if
wo ave the mo wo gt the usoY information ©? ite
go its low aoc vity .
# Pos} > High Gocurvity _> That known in 38
METHOD"!
BSi4t ig used 4p Geals about acu
* How to Qent tho Sin
Where 6. gon tte = form | data. -ee
.
dass The?
se lts poised tg.
SNNTAX :
€ lost fon =~ Ue srama & |Nabaly
* ts lolol joa ‘ee
dram fob Snput fold i
To create — input fild -> input tq > Its
Caran ee
unbai vac, ‘
input id= * * type =*
la:
y fy wo read Interline» fal
Hinpt Fold uo two id in inptt fold and . for tp
lato! I give id mom in fo vale 4p purpose
* Why wo us
intovtink J
$n interviow Troy ask how to — intoylirk
labo! and Input fiold —S Ans: We avo Using, + ard
id atlstibutos -
we ts jo usrg Wthey user antor tort |
. i t
Go wo use typ: attnbute
pumbor [data] timo
montionity. 1
a tnpt id domont _ doganding oP li
atinibske -| fan gine Gt omin mat
min 21" toe 2+ 4D”
How mn Create fatloin T° \F sits _ prone number)
Pasion = *[o.9} {10} ",
3 L—s10 numbors
eo digits
type
ReDID BuTON :
for quastion we have one ansuny
ex qentex : 0 malo c female
—> dither mk oF jerale .
CHECH 80x
“for question ue havo one ancient.
ex: courso > Ty H™ Uess dds
Ly tere user can choo mullifla answers.
Ewail Y tia
email Forreat [abe Barra. com]
toll
for uxll motile number.
Lis stands for telerhone .< input ne ” a seen
Be 4 oP oe AS “ening
tarept os types a tae a
as
Grouping, ELEMENT IN FORM
ty
dts dom by aways «
Block loval gloment Snline level alement -
Sn Serview |
* Thay ask about which all beck level olomont and
intima lovel_clannt =) foun.
© Block lovel olornont -s tos
© nti lool aoment < label
EXAMPLE FoR GHROUPING ee
\ % $n ander if wo avo not dora tho gisouping
eet tex con sooct cue tte option - @d do
@alect any orm Ws
* Hove wo done naming > grouping -
< labol for = “usoy - once - male * $ gercex 4 | labot S
fu
49 wo aw using sme namo fo input
jad then it will grouped) «ond 0 ua sdalock
S| poe th tte:wo uso option 40g.
options ] Naluos
add
> Goloct 4 option are pared tag.
. £ [label >
Ex:
COUNSO
Zabel for =
Agdoct rome =
< option Nolue =
< option Noluo =
option Value = * React * gclottad > Reset js4
v
‘to cefault volun On
get ko ‘that.
* ygoy _ couse” > Chee
Scoursn ” id =e Us - couso “>
html "> HIML 2 | option »
wegs? S 098 4 / option >
| options
drop down. .
To charog
>is ge aloctas) atibutn = means
wil) @hown there .
cnoos2 | jf
an [Root 3S V
oddess moans .@le input 409, is
=> 46 wo want gre
fOr
toxt avod © OQ
”
A lokol for = “usov _addioss “name => add toss
sow -° 3” cols=*10" > 4 \toxt avoaS
L4ortarea id = * usoy _addioss " namo = Saddxos 3
% Uso input file 0 oom
input type =” fe’S
+ Us input coloy tn form
A input — typo * color" >a
% Vso — input
input typo =" url">
* Submit button -
input type _* Submit ">
% RESET BUTTON ,
Why wo usirg Hiddsot 4 lagerd|
url io form
iat fox exacting, boidoy of Town and legend
Fox giving home
A fioldsot >
< legend > @tudont
Aform>
| & [form 4
A | fieldsot >
\Mehmpmion — ATIRIBOTES
* Nolidation dono tp only
x toncond itsol? aomo of thom wo can do.
Dolaile
ENABLED |
By Aefautt oan oan too, of form
is onoblad and dont noah to Span.
DISPBIED - : a
ii memo reclit. USat at oe
adit):
Hiriv —npul_ do @miwo if Cont” oie
nome . * tame typo = "text
_* Fntor your name aS
ee | FEntoy you name
Sver
Sn placo numbor We 0 NO ee oe
will increase the numb by} and ™Y aqui G
>
Pees «CTS if click =the incvoases button (6 to 15)
fkomerar at nt (We ug atop ativibute-
Pinel
lr for alart with 1 if wont liko tot wo
use min ornibste «
Mex ° 5 o
i want ends with here means We axe using
d
max ativibute.
need apply noted id
Foy etaniple Wf we
)
°
means => mio = ig? 4 max oe.
READONLY :
St Gorm Fo disable] but the Ai Slovene ib
we can So inplt fold it looks Viko tn activa if
know 1S ssp dnl
dick thot =e
rama = means tout
REQUIRED ©
ag ES Atel
oe rod if gy roqstoo. sot Sota eee then only
for its utbritted :Fring Bye :
| @yntax :- ;
: pollo oss < IP)
#4 is usd 40 inline ching ard ue um
@tyle as an _ attiaibutos .
SNTERN pL OSS
Here un uso lye ah tag .
Syntay.
Gyntay
Be.
lecto
dsiule) Qolector f
Property Noluo
P fitoloy : tod ; ,
x (Style >+ |INTERVIEYO QoxrsTioNns *
not Ynline Why fntornal -
200 + codos dp ux Bry
| Nore
oy
4 un havo
(cach and ovary tag ) ov ipline, | STO not
i ain + developer
quite it — yoolucos productivity a aa pe
oth not Sotomol — Wuy » prafor oxtornal &
H we hovo More 5DO + codes de \
‘ 0 ortor nar’
- goal ard BH fs not quriabie go ve 9
aie.
External. USE
How 7 link the internal, ¢S8 to yous
html -
nm dts unpaivodk tog,
atyle
ye > @tands jo yolationship -
hiof 4 @tands 404 hypav reference -
Ime Hoyo. «wo le yolative path.
d\ink vel = * atyloshoot ho es
5 Hs unpattod og,
STEPS >
Fist we have to Crate zie ir (08 folder
( filename . 0gs)
had
Aftey that go back html tile inline
we tag => 7 olPri .
ORMY : |mporrayy Inerviev> QuesTiON --
proaty yale way intovitk es io ted.
ee :
| Paionitty Ss Anlune ess.
wa.
9 Pua > Based on dovelopoy intel
NOTE © E
*« tt ats qivo intoynal tye is first tn insido bread
tink 409 Cotasna) taqp)
and after wo ge
ortnal do that
* Thon intemal has pyavsico
only Gorored paiontty io basal developo eeu
How tp charg the prion) oxpiicit)
¥ We uso | \mpoxtant
+ With bh o important Veyuord wo can cheng
\ the paiostty oxpricity .
|) EXpppLe
4 style
Rt
Backg ound Ecolox 4a) | \mnpcatdntal
3 a
4 I style}
| GBELECTOR
x Goloctor vith goect tho html clorant per
Byte | desi nqing
See tl ae hin YP
) @imple @ekectoy
1) Combirator Goleto"f GRY
2) class name @oloctor -
9 Tebkcleront name Qelecto’ / i nae
4 rivers aolectot -
6) Groupin, aolottot
NOTE ¢
a an interview “toy ask fox 0D prenlornsN® g 2
th
can abo multipo SS Dip >. ADs Yos 5 Possilo .
Manis io et OF aot: ti, Se
lp Name SELECTOR
With help of id nome we usd +t target
tne pacific olornont -
pe s 1d name
Hid name # pova |
g
packopowclcolor “rod 5
2)
5
targa idname . f
hts ee
off |pT is umd a tongt class rame .
4
BE NOME se.ecrob
faq name gelaclon i not rocommar ay
Hegeare { Pa
~ Proparty : value Coloy : ral ;
5
_ ONVERS AL SELECTOR
Tts for usd to target entiyo wob olemant
| ae il |
| wob page. [ Sreuing html ond boby | |
{
Proporty : Yale 5 color :vod
4 5
* With the help of usd +> target
fo ontiva wb Aerrort on wobpaye.
“aF priory
ge (late pxtionify >
and priority -> Class
x aro pxionity Toq name
xe least paionity —> Universal qoloct” -
clas 3
nore
oq namo goketor wil pvorido by
ame eyovido by.
namo goctoy as éamo as wor
id name @olactor -
ID CHANGE PRIORITY
me)
Wo wo | important _> help oy jrnpoxtant
GeooPiner SECTOR
Gopar Ae
combination = id , class 5 tag galecio?
known a8 Grrowyping elector .
by comma Ss
ex: # para |. para » Span f
Backgeound _ colo: red
5
Ps
CompineroR SELECTOR a
* Based an aloment -yolati onship wea
4" targeting en 3 oun as combination
Aalector -
eo uo lave 4 typos -
Pavan’
| Descondont elector
9. child — Selector
an
Ch3. Adjacent — ibbling Bobet > ee
( atbbler ~
4. Gronoval biting Sooctow ye
¥
ere shores meine Stantting and What
you axe — fargetting timpoutant 10 combinatos Gabe
body | Nove"
: ! Ss pavont
[aie | body 9 c
ete), gor atl the tagy/
ip span element -
P
DESCENDANT SELECTOR peas
a_dixoct
* tis used ‘0 alec | tonoet
ct chillin .
i x With ‘he volp 4 * gpaco” We Oe target
i
both _ indivoct and divoct qnilavon -
» 5
diy
Galoctov
Ba
L yotor's its descendent
: Background - colo" Bayo
Html
< body >
ddiv>
Zp child |
< gpan) Chilo! 8
-s4 | spans Hi, - ‘5 iJ
4A Idiv voy child ar 1
Z py. albuling | Ry lalvea chil
dibting 2 <|P>
L lbdy>
CHUD SELECTOR | (>)
divcl childvor .
$4 used to elect target ae
EXAMPIE :
a S02 -
Ty sofas child qolectoy. ee
Background _ color sod 5
4
th
e With ‘the help 4 symbl PP tong
child @oloctor .
dixect child ="
Assent Siang’ (4)
~enrs ween
“uscd to target the
Es en target
ee next element /
}
nett qibbling -
With tho holp + yt
tho next atemmont -
P< or) > dor ,
=> chown) ES ord
, > oe
EXOMPLE ‘
p+p it ee
es edjacont aibbleg 4
Backgiourd - color: 10d & re
y ‘Genera. — Smeuin@ SHECTOR CH
ae jg toy ol noxt
alomant [atl rot
with tt folp S$ Calilt aymial) target
i 3) bod
did next alement - oor
EXAMPLE > pee P
div w sf aie
ic genoa! giblng gdeclor ng id 4
4 Backgyound _ colo ! yod5 ‘
ATIRIBUTE —- SELECTOR © aatibtt ° sod to
With the IP ;
. as atinibute
targeting ho glements 19
fh Goloctor -
1 ing Bee el = aS
j me, Basod on aitbaibute . used axe
forgetting tte clorent J
# Wo have 4 types:
>. gust with atiaibute
ee om
= 8 Atpibuts 4M ca!
wood -
Ls chock the profi
Be) Aihule with dio 9
. Ls cheek for Bustin word.
. AMivibtte with vexticol ina | pipcline
- Ly chock }or vale uovorco) by hyper [value
=> 6. Attribute with tit ,( 0)
Ls chock jor vale 4) pac?”ere eee ie
- : *
D7. shite wih Astrisk Symbol *
IN
Lsiarget al
{. Just with ATTRIBUTE
ats imply targeting
atiaibute name
SYNTAX
tagnanne [atixibute ramo] £
Pyoporty : value 3
4
Example!
. html
& html >
& head
A link
Ahead >
L body»
4 img Bre =
& \iy>
4 |html>
+ CSS
ae @tyloshext x
img [ort] £
j
Bordds > Ps Qolid — beack 5
hrof =
abdul Kalam ipa”
tho alerant «
tho _glenent by [noha
|
:
: astylosheot ot 9
ot = * ABDUL KRLAM iy- tagname [atinibuterame $
Patopavky rvattie 5
EXAMPLE .”
img Lau $=" eer" Jf
Bader :ipx @olid Black 5
f ;
a 4 :
SYNTAX : :
tagnarna [atixibutenamo w = Value a t
Propayty + Value
5
EXPMPLE *
img [ott wv. ‘porn f
Border - | px oli’ Bleo 5
5
4. puRieuE win x» [nsirtk dymBoL |
: \ «al
fi is usod > target at the \Font awasoms. (om -
: Bigup [ Signin to ot.
aim Top click = yout kits.
Stee 4° grwoi!and gt ye id gel click it
auupt:
Sree 6: nd thon COR) yO
Filo insido body tag
Str 6 > Posto on ous html
Step T Agan in top Click leon and = taro below
Mls cidoarch, butrn Click freo and epan court
don,
Seon “wo click ‘tat up St
Srp g: (fot yn
it
emt coda
£1e> than Copy
and tongbsck pavo on youn cdo! nimi. file.
4f um vant t charge He clo to
9 to to ‘that axternal «CSS ge