Produced by

envylabs.com
Produced by
nvylabs.com
HTML5 Cheat Sheet HTML5 Cheat Sheet
learn by doing
<DCCIYFE>
<lDCCIYFE hIm| FU8LlC
-//W3C//DID XHIML 1.0 SIricI//EN
hIIp://www.w3.crg/IF/xhIm|1/
DID/xhIm|1-:IricI.cIc>
<hIm| xm|n:=hIIp://www.w3.crg/
1/xhIm| |cng=en
xm|:|cng=en>
<l DCCIYFE hIm|>
<hIm| |cng=en>
<HE/DEF>
! #$%&' %( )*+$%,&-+%$. %$
*/0)#/+)%*/1 /),2
<civ ic=heccer>
<h1>CMG, Lcck cI Ihe
ZcmLie:l</h1>
</civ>
<heccer>
<h1>CMG, Lcck cI Ihe
ZcmLie:l</h1>
</heccer>
<heccer>
<hgrcup>
<h1>We /re Fcmi|y</h1>
<h2>/|| ycur Lrcin: cre
Le|cng Ic u:</h2>
</hgrcup>
</heccer>
<HGFCUF>
<SECIlCN>
! #$%&')*# %( -%*+3*+ 4/23,
/$%&*, / +5363
<civ ic=ccc-new:>
<h2>/CC 8c:keILc||
New:</h2>
<h3>UNC 8ecI: Duke in
Chcmp:icn:hip Gcmel</h3>
<p>Ihe 8|ue Devi|: cre rcuIec
Ly Ihe Icrhee|: cI Ccmercn
lncccr SIccium.</p>
</civ>
<:ecIicn>
<heccer>
<h1>/CC 8c:keILc|| New:</h1>
</heccer>
<h2>UNC 8ecI: Duke in Chcmpicn:hip Gcmel
</h2>
<p>Ihe 8|ue Devi|: cre rcuIec Ly Ihe Icrhee|:
cI Ccmercn lncccr SIccium.</p>
</:ecIicn>
<HE/D>
<meIc hIIp-euiv=CcnIenI-Iype
ccnIenI=IexI/hIm|: chcr:eI=UIF-8>
<|ink re|=:Iy|e:heeI href=:Iy|e.c::
Iype=IexI/c::>
<meIc chcr:eI=UIF-8>
<|ink re|=:Iy|e:heeI href=:Iy|e.c::>
<N/V>
! 23-+)%* %( +53 '/#3 +5/+ 1)*72 +%
%+53$ '/#32 %* +53 2)+3 %$ +% %+53$
23-+)%*2 %( +5/+ '/$+)-&1/$ '/#3
<civ ic=ncvigcIicn>
<u|>
<|i>Hcme</|i>
<|i>/LcuI/|i>
<|i>Wcrk</|i>
<|i>Shcp</|i>
<|i>CcnIccI</|i>
</u|>
</civ>
<ncv>
<u|>
<|i>Hcme</|i>
<|i>/LcuI/|i>
<|i>Wcrk</|i>
<|i>Shcp</|i>
<|i>CcnIccI</|i>
</u|>
</ncv>
pcge 1 cf 2
HTML5 Cheat Sheet
Produced by
envylabs.com
Produced by
nvylabs.com
HTML5 Cheat Sheet
learn by doing
</FIlCLE>
!* )*,3'3*,3*+8 231(9-%*+/)*3,
-%6'%2)+)%*
<civ ic=ccc-new:>
<h2>/CC 8c:keILc||
New:</h2>
<h3>UNC 8ecI: Duke ln
Chcmpicn:hip Gcmel</h3>
<p>Ihe 8|ue Devi|: cre rcuIec
Ly Ihe Icrhee|: cI Ccmercn
lncccr SIccium.</p>
</civ>
<:ecIicn>
<heccer>
<h1>/CC 8c:keILc||
New:</h1>
</heccer>
<crIic|e>
<heccer>
<h1>UNC 8ecI: Duke ln
Chcmpicn:hip Gcmel
</h1>
</heccer>
<p>Ihe 8|ue Devi|: cre
rcuIec Ly Ihe Icrhee|: cI
Ccmercn lncccr
SIccium.</p>
</crIic|e>
</:ecIicn>
:%*+3*+ $31/+3, +% /* /$+)-13 4&+
*%+ -$)+)-/1 +% )+2 &*,3$2+/*,)*#
</SlDE>
<crIic|e>
<heccer>
<h1>UNC 8ecI: Duke ln
Chcmpicn:hip Gcme</h1>
</heccer>
<p>Ihe 8|ue Devi|: cre rcuIec Ly
Ihe Icrhee|: cI Ccmercn lncccr
SIccium.</p>
<c:ice>
<p>Fcrmer Duke F|cyer: Cry cI
Gcme: Enc</p>
</c:ice>
</crIic|e>
<FCCIEF>
;*-1&,32 )*(%$6/+)%* +5/+ -1%232 %&+
/ '/$+)-&1/$ 23-+)%*
<civ ic=fccIer>
<h3>Ic|k Ic Me Gcc:e</h3>
<p>&ccpy: 2011 Mcverick &
Gcc:e VenIure:.</p>
</civ>
<fccIer>
<h3>Ic|k Ic Me Gcc:e</h3>
<p>&ccpy: 2011 Mcverick &
Gcc:e VenIure:.</p>
</fccIer>
<FCFMS>
New :Iuff:
- lnpuI Iype:
- emci|
- ur|
- numLer
- ccIe
- cc|cr
- :ecrch
- NcIive p|ccehc|cer IexI
<inpuI Iype=emci|
ic=new:-emci|
p|ccehc|cer=e.g. Leer@cc|.ccm
reuirec/>
<C/NV/S>
:/*0/2 )2 / 23-+)%* %( .%&$ '/#3
<53$3 .%& -/* &23 =/0/2-$)'+ +%
-$3/+3 <5/+303$ .%& </*+>
<ccnvc: wicIh=400 heighI=325>
<p>Scrry, nc :cup fcr ycul</p>
</ccnvc:>
pcge 2 cf 2
FG8//HSL/ FG8//HSL/
CSS3 Cheat Sheet CSS3 Cheat Sheet
-weLkiI-Lcrcer-rcciu:
-mcz-Lcrcer-rcciu:
Lcrcer-rcciu:
-weLkiI-Lcrcer-Icp-|efI-rcciu:
-weLkiI-Lcrcer-Icp-righI-rcciu:
-weLkiI-Lcrcer-LcIIcm-|efI-rcciu:
-weLkiI-Lcrcer-LcIIcm-righI-rcciu:
-mcz-Lcrcer-rcciu:-Icp|efI
-mcz-Lcrcer-rcciu:-IcprighI
-mcz-Lcrcer-rcciu:-LcIIcmrighI
-mcz-Lcrcer-rcciu:-LcIIcm|efI
Lcrcer-Icp-|efI-rcciu:
Lcrcer-Icp-righI-rcciu:
Lcrcer-LcIIcm-righI-rcciu:
Lcrcer-LcIIcm-|efI-rcciu:
excmp|e:
Lcrcer-rcciu:: 5px
8CFDEF-
F/DlUS
8CX-SH/DCW
-weLkiI-Lcx-:hcccw
-mcz-Lcx-:hcccw
Lcx-:hcccw
:ynIcx: x y L|ur cc|cr
excmp|e:
Lcx-:hcccw: 5px 5px 000:
IEXI-SH/DCW -weLkiI-IexI-:hcccw
-mcz-IexI-:hcccw
IexI-:hcccw

:ynIcx: x y L|ur cc|cr
excmp|e:
IexI-:hcccw: 5px 5px 000:
-weLkiI-Ircn:fcrm
-mcz-Ircn:fcrm
Ircn:fcrm
excmp|e:
Ircn:fcrm: :cc|e{1.5):
:cc|e{vc|)
rcIcIe{vc|)
:kew{vc|, |vc|])
Ircn:|cIe{vc|, |vc|])
fx
!
IF/NSFCFM
IF/NSlIlCN
-weLkiI-Ircn:iIicn
-mcz-Ircn:iIicn
Ircn:iIicn
:ynIcx:
c::-prcperIy curcIicn Iiming-funcIicn
excmp|e:
Ircn:iIicn: cpcciIy .2: ec:e-in-cuI:
-weLkiI-grccienI{Iype, pcinI, |rcciu:], pcinI, |rcciu:], cc|cr-:Icp:):
excmp|e: -weLkiI-grccienI{|inecr, 07 07, 07 1007, frcm{/48183), Ic{C2D18)):
-mcz-|inecr-grccienI{|pcinI cr cng|e], cc|cr-:Icp, cc|cr-:Icp, |cc|cr-:Icp])
excmp|e: -mcz-|inecr-grccienI{17, 757 0ceg, /48183, C2D18):
|inecr-grccienI{cc|cr-:Icp, cc|cr-:Icp):
8/CKGFCUND
GF/DlENIS
MULIlFLE
8/CKGFCUND
Lcckgrcunc:ur|{pcIh_Ic_fi|e) nc-repecI righI Icp, ur|{pcIh_Ic_fi|e) repecI cenIer Icp:
FG8//HSL/
rgLc{rec, green, L|ue, cpcciIy):
h:|c{hue, :cIurcIicn, |ighIne::, c|phc):
excmp|e:
Lcckgrcunc: rgLc{208, 208, 18, 0.5):
FCNIS
@fcnI-fcce {
fcnI-fcmi|y: FcnI Fcmi|y Ncme":
:rc: ur|{pcIh_Ic_fi|e"):
fcrmcI{fcnI_Iype"):
}
learn by doing