Html_css notes
Html_css notes
Bsoosen
Cyle continady ku CBund)
3
Nos inK wth HTML
",shect "hory
<lhead >
Cuusse").
java clylopmot
alet(" lcome to
Nos ink in HTmL fil jut
à
Note sesipt
"sip'jo"/rit
Llbody
Emaithg
Autolomte
Monhel
to ylo
)HTML not nod
Basic Stouctue
HTNL >
DoTYE
2
Scale|-t ">
UTF-8 "> oidt initia
ehead >
Z meta
charset =
tanttnt oidth ckvice
"vespo"
namg
2mea Dotut </4tle >
2 itle> Tag
4/head>
paise d tag
Zbody7 e. htm tuy
Llbody ex- meta
dese
Me Riak, meda, kez06d , deyeiptian
wi blan K"
Bd ’ main Contt shich Seen in ang atit
See voebsie in mobi mobhi phon me
34 6 old vession
(ommncl Psompt iporj'g
\6.1.144
IRV4 Addxess : i42.
Ka vs Code Setting seasen
Seting Nehosk
Jet
GRam
leyl.
Lbody>
his(ss
gaoupig glyudto tag footk heudes
&
a}s1 sak Line zbn
fAns lcaption detai Employ captin7 <
cyz Caption
ty Captiny ad Also
Tava Sam
Sqm Tabs
lengn Designatiön
Fas Name
Cel^ &
jta7 Zam< =2"> pan Cols td Z
"234" haigth 236" id 2tr
CoY colurn mumy ColSpan’
how
fáhete
s pan Cols &
zb"oo
Spun
wdin attsin
te moge 2 cjkullety
ita Java Zta
Z1td>rarammer <ta
ses ima Shou tfuot>
<bod
>
Not" altA-pg" åsc=" <irmg adat
2tedy> 2/tbe
foldes oqn
2ta
2 LAthea
sett )
tlSnippin lorm tue chadu
in teble mako ’Help
to Table
inHTML bles List mags,
&
Parsph
Tas Krh Boo
Dyinition
Unordtad
Shutn
hTML
Dic, Squann
Cisce Pasble
Caupitl Romen no .
Ng1ld aloo possle dyut)
tut 16y Coscuny st Khet
bydyeua) Coutiy
Copitalath
SmyletteY
All websi w
SEOCuch Lod Londi t m i
Load at tot Sc
Note
websk
meta deigion tog
Code e Somjhn
e Sosm actisn "(ost CIform >
te backend
ehabel ot "namt" entts yous name <nabel > I/ to label ingpt tass
oe tpQusos autom
Entt otlacettdis
youheu
Lrlin
widtn
tomes tnat Conttt ang ushing
sdeet don't
on ont
ncessay: usidth
as much taru
adup ohy &nento
Ckments &1ock Talire
mango
"fouit
"> "6uit
> id ngme select 2
>fruit
La "fouit" fos 2\6bel
tf "3" "cls Comment " id
Comment " name 2textCa
sucti'se jood not Il 2bo
how (omment joun "Comment"> foi Qabel 2
+m tne accept Os
(ondi
hjo
"'Sutsibe" ciba"id -*Bubs "checRbox"
mena <inptty
Nchekbox di> 2
emle o Male O
only bcoz sane gendes
"gndts" ngme= formae tyadio :A " <ingut
Qase fayda assign m
"gendor> nam mole"t"dioh
" id inyt
Zdiy
6
25
div
Stan
TO &Ciesseserepe
10 ’ Atbtt, unisua idetiyes assigrud tocnsy ona HTmL
Samb h d t Clemert min Opu
Classes attbte, qit the sa me name to mt ple HTML met
Class
untquly id enti ctw
on i,
Yed-Tsh,t
cbody>
<div id "fiyst diy "
3 ciass ="Aed by yle
>First <jdiv>
TaAlS talp in linking ao wikipadia Serueh Codis ’ Ay Pase Ies, ’Rit clih
Cortos ag Postes
nendyut val
Downood entie udio
mjSac "ims bvg "a," nt founc"
oe not Jound e'sn
Searh sag;´ramspe
Cof
height nloo "
heiyt aolue>
kqtine
nTML5wsims).
autthot
fotes elo
als ha
cliContet Ii
2[heodes 7
Ch Wnat ase SomentiTs dh
Cotac+
34 Jor >
Space &ifosBe
&Coyi Jos
This is (a9
ina
o/r
This is ayteo Je
/f
CefysiyhtO
"So2r the VRL Lo
qatoS"
Qiotdtien text Satti
o/P ttatation
t o t , (avd tag nt ued ino WOdays
(ode
25
Fonta & olo in CSs
font Aex autan
add
CsSCsca ding St* Shat
<Stye tay ’
"Lnlne css g Adding Addingy <style
css us ing 3tye to 47T ML
emS
d , span f
S«lecto% (ea 2 uZ
backyodtoloy:los. Ideclcuti on
<
Coler'y hit;
backgd : black;
Class to sales Jeven class
slecos
Chilt
seletos
Fonts & slos in CSS
Code
9ed
div
baciy3ou nd Co los
Ihad >
I am
< Tam died>
zlbody>
</div
Chida lecto
<stle >
<lstle >
fadding o.
slecker
psaudo
in coloun
ohan visit chenge o r )
i c chu
tolori yilgw
a: Dink
ethtk
a:actiy
olor sed, Pott toury
bocaeto
a: hoveo S
Fonts Cslor in CSS
(12
Ae innesmst
Cempanent q th box notel
Centint
elawt
bosde 2 tor,
di out t
Sizig : botdor
t ocAu heNtt
Actual hizt spare
Notmaryin is
naoxeldir
<div claus = " box> I
let
otal Heiy) Meight Top laddig t Bosto mfaddiny t Topsevdst T am anthe boLlaiv Cas possib
Bottom Gosdis t tof Maqin t Botom ayin but nct it.
mutgin 25 px,
ble,
border : 2px solid
height Box B
boxsizing: bosder box ;
->Line - hight:4
sfun
th2
Capitli; r tontinto tot Cae o/f alout fonts
FoNTs
Fonts
clhe>
hz abot
45p ) Rignt y pastisnàe
’ text- inde nt
sed;
bosder 2px Slià o woY baeakseak
c;
tetoveolos ellipsis,
’ text - aisnCertor
font AI
Color s
Colos
(oleygb(76,125,11)
gt(76, 25,s4)
(alos
h2n
ba kg Toad colbs put
S Sheti
L Ligntmeis
Awibte slecter
4 Jnpostut
data-n >"'a"> Ss
seiiut <{hL Colox ved inparo:
<pus" helloy
< hiclass"Cyelo PA
alos :ble
Sed folb
()
ixoQ (px) 146 on inch
stles
(Top,ld)
) t x Rit
Heignt k ig Vn unit
mbas Bo'/: haight vitport
’Em unit Tohtit heke tna Pont size n a tha us Ka (tny quna
(atai
yhfot mdoile
Oine &Shadoa rc
nt
inin
wocen t clà lock auaht to Co yd into inin
ikt displey -inlin;
ifindin earat
paddiy top S not deeept
bex
disply:inbn- blck;
Conv
a r it
fodolitg : 4Sfai by tr hl
not ilow
3 display:i i black;
2Isthe >
to we width
zbady
heele
2Ibo
visibilit : hidden C
Box llza
’
dsglay: fiex i -)
eolor insat,
bon Shadowi h-o set v- yst blur sp(ad& eekiees 92)
posiion . (Shad ow Ba
n-)yt &v- cet dateythine horizental
shado
Vus harqy the vala, 4h HsieK tne )
Spacl shoihK he shado siz. (Sheude o Si za
Expand os
Cleg Dyine shadow celox
fos
Cobnn
falas Bosdes
offset
9Outtin ; offst
Not pussilue
Suthe space bly
notti th edgx
bot, olen
isRet
List
display:9i tn;
Hom
elemostg
list- st- positi n inside; Lostst
3
bes
beoz 3431
Lais)
text " ovltowi ellipsis,
ovesy\a i hidden se sSoll bus nahi
aye of overlow text
Jndividlly bhi Contrd no horizuthilos
ahi dikhge
Over low:n hiddern; issa psagkunaidy
fesitiar in CsS
top, botom, et, rint, z-irdu all tres an' b ont.
po sition alotin
ele met.s
Posiin botton 2s
(ositjon
afra neatt pusitron dhndg J Ki absolde o Posi tiod 22
Rihiotd
-bon3£
)
atonatla whan
Nste ba lgut posi hon tan olso fived
toron ,GMes, ptssqrie
Ptopeus
: teuae (o);
Invest (o ),
em,
Vnables in CSS
also
tomtilby chan asible hald psopetits
Clabl vagiube
baclatost Nee css
-Colos :
d pad);
padding: varl--
disglay fex,
Cmeans adn
About Contyit
’ var(- -Colos, ed )
2di class Coutain'
frint nesikem
in Caxyra
Widtnheh
edia Ssun and ( oxietation, pottait)
Catds
Shostc botder: 2px solid
"Casds .Casd*3 dislay: fiao oc; ile ince Gataive a aulo dixhe to apna cotn
displa f1owiN
imng&
"Casd
Sroth 2|head>
httliegber : fiest:lin
class nane
3117
Colos lo
coloy ble ae
3
Atbte sleckoy Ang attbto name
Meslsx4
O olign- item. lentesi | Centes et air
fier- start )4Mer Shet
align-Cotentsraty
tof
botam
Rus
(soss at & to Main s.
main anapr
42 cRott
just contt (entts mlam ma in axes
>Main Sast
Mn
Csass
Main
Siz Ans
a
’Main end t
main S(22
Csoss
Stast
(soss
use S N Contt
vileo in mebils es aptof N
align
’flen-flos
gop- Piopest item
hoyizonto
Ro Colymy
oupsty
"odes -1
otdes:1;
otdes 2,
o des 3
2 main >
by dejelt
Do uble
34imm r l t
C3item cAK}T)
olign poupst
- s item
ParticSn Ka
;
ign- d3:lex end
aling s : yes