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 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 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 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 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 . grouping -
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 =
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 >
@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 + |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
ddiv>
Zp child |
-s4 | spans Hi, - ‘5 iJ
4A Idiv voy child ar 1
Z py. albuling | Ry lalvea chil
dibting 2
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 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