eeCbom

nnatiseurasm
m

l
d
d
(
l
d
l
)
l
b
l
i
i
i
i
i
L
t
t
t
e
n
e
o
p
g
n
a
s
c
n
a
m
e
n
m
a
s
e
a
s
n
s
q
e
r
a
s
e
m
p
r
e
s
a
g
o
r
a
s
e
s
a
n
o
s
c
p
a
e
s
o
n
v
u
v
u
.

d
b
h
d
i
i
C
S
H
T
M
L
t
t
q
c
n
s
a
e
r
p
r
o
q
e
o
r
o
a
c
e
a
o
s
c
n
o
a
n
e
u
u
u
u
x
.
,
,
w
H
TdpgilpgaM
tgian.osXaPonH
teo,aesnniosufraetctldoz,esoiyb.saullioconqjducaem
nbr"sitm
auspi,dereusntam
eiznTaslrM
oenqdjuoaernsea,l
Em
w
iptcneom
eN
syroeTervM
oevm
oosdr,Latpq(m
od"eipoapnerH
ocL,nqm
gceilbonbui,an[pshgctuodpIe:s/nhlctaeom
rnl.cloantsidilEaersxecprnuoliatcb/lsaquuonriiecahrl/ahectnm
oqgul/uh]e.)a,jcsneintrim
uxlpaLi,m
up4ale.oie0rzo1anpvSdeororitcs,qntaqpuauew
tSealnopccerw
loexr].,hltim
la]d,ooreesnPDF[htm
l_corecto.pdf](pensadoparim
e.soghnU
sErdatbilguespe[nocH
r#
soaTgtM
eipenLcralgitidsoq]onunaeespw
ondldt]odjunstloo[junntaov.hegm
prim
r).
EldoCIdceu231am
[qliounddbieesx[r.ihnvtdm
4AEsct2511...ensdibERSaQ
C
S
qgiaourpeesst)ordvslido
louian[dc#
isrdcebaiop]r?gdoetsre(ynlem
tntsse[lebm
r2relucsdpoipanw
n#
shsoeahticbelan]aord?vm
inrlIolsotahsteeinrirynasstleoiqEum
V""ELM
atsopuffneliidaancnosroesevgada(iulm
4a689357v..egaAQ
s
udgooaislceeepnrlsm
l
)
t
e
a
g
e
n
s
e
c
r
e
h
l
b
i
"
p
o
r
a
a
s
c
o
s
a
e
n

d
d
b
i
"
s
o
w

l
d
e
s
n
o
m
o
s
x
u

d
t
o
a
r
e
s
]
#
n
e
g
r
e
s
v
N
[M

lN
h
d
h
1So4b2635r..eH
a
c
naq1euteb0ospp%
y
y
;
lessT_(huM
laLeal]?purgisnw
largoofpsinIEueaetpdsonqvcdueaurrneb)sislavcem
i1."N
ioscnrlgim
ttnm
nEQ
gTuoM
ochfLae[ljy#
pbadH
m
n
a
usm
d
c
g
a
o
r
I
"
o
n
E

d
"
s
a
o
u
iaeroTilduoM
?nvLo(csU
TihM
M
L
nrfnecceioisldseuanrcH
ssbaLeaH
recrTH
2468357..CEEExusstm
h
b
?
p
a
r
a
c
e
r
n
a
e
u
w
?
t
o
e
c
o
)
I
R
l
?
t
t
m
m
o
:

h
h
fVe49231rs..ionXH
H
T
M
L
eCSTsM
cm
dLo?,que[h#
vaey_trm
sli]ones?

Cmo hacer buenas pginas web

Septiembre 2004 (actualizado hasta Jun-2005), Daniel Clemente Laboreo. Licencia FDL.

ndice

ni_docolqesaseput]jijeorsm
C
m
oCbSi?narseconelH
,drnypvleccoeosrm
sVPCFD
CS4265351...[#
bCoaarurm
T
M
L
dedteap]iebbqolaurstnbea(aw
dO
i,yeenntoorden
aletotL,rea[d#
cbm
rscoelbnD
sm
exCcineTpYsPscipEoulnlaaezs)m
Co426351n..sejLECLolsasoetm
H
TpruribbaicM
h
tulso,sleqia_icaum
n
m
l
d
t
m
p
r
e
n
r
a
f
l
d
(
h
i
j
s<D
pEvclaieratuhntrtcoiecblsem
au><ftbfntrloeoan,laetix>ugisnngteoptr&onzboxaifdpaste;se:t<axpre>ohsaucenrtm
rsozrtgdenpsgina:<span>y<div>
71189023...N
EN
E<CIspeocirnudrtisavepfito>h<caryi>ne<s,sl<om
411689057..AN
c
s
a
r
b
C
S
t
m
s
r
o
n
g
>
>
>
>
u
n
o
y
.
,
,
,
<
<
<
l
d
(
)
&
i
i
I
e
n
a
s
r
e
c
o
n
e
U
R
i
t
a
s
l
i
d
c
s
o
:
l
l
i
t
e
p
e
a
n
g
a
e
y
>
y
u
r
e
q
e
r
n
n
o
u
,
b
b
2
3
L
1
>
>
a
a
c
a
s
s
p
r
c
c
r
a
s
.
,
,
,
2C2o231l..reTN
h
<
h
<
h
bCsFSio[#
drpdnum
b
i
t
t
t
o
y
n
o
e
c
a
o
s
l
H
T
M
L
t
c
e
q
e
s
u
l
i
k
i
m
a
r
n
>
>
s
n
<
<
]
o
r
l
d
t
n
e
n
o
p
o
s
o
s
u
,
l
C
S
s
tseiaixxetom
a[#
odougpeqnpcauaeirsm
r]filcleaotesrivblcauinpftoeslaar#lrtceollrartesnsehaceontile
34231..geECFPEnousernhm
4Im
lLL#
h
b
d
C
S
aN
r
n
c
o
r
u
y
,
]
#
nTEa42531b1la...lcsU
sU
[C[otaraeibbu"nsucpnotc]lethcasraixafdecoqdsu"neeusfolnldocatreJavpvibsnlStaocardip(lttenoloascenn(ectualergncteats)norm
o
l
a
e
s
2Fr4a2331m
E
b
l
d
b
i
i
i
i
t
t
t
t
a
e
r
>
>
>
n
n
e
c
s
a
n
r
o
s
u
N
<
<
<
f
]
#
e
s
m
s
[CM
o"iVpuceethn[#
ctrdjaaeojvnrussic"fanaidpltte]fsroact(m
.Jav51..ScrIQ
f
l
)
i
n
r
a
m
e
s
a
r
e
v
v
d
d
i
t
s
m
e
n
a
s
,
e
s
l
d
i
s
e
n
s
e
r
o
r
v

h
d
h
d
l
i
i
L
t
o
s
c
p
a
n
a
c
c
s
a
c
m
o
a
s
p
a
r
e
s
a
r
o
u
2Fla42331s..h[N
l
Q
i
e
a
o
c
o
u#
h
b
f
i
g
s
r
s
e
r
s
n
nunTgaM
w
lCuoasden]poeaursopucFoltainsuhvearlH
fH
CaScineFlash
Lnoim

Jav1.[#
jCavu]ndopnerJavenuaw
eb
icguisencnotm
L
apeYrocsucaanrldqoucteeirrgvsotsieicnaastoddeesu,nbm
aew
eprobdfieireonnacrtoondsetrsu,cidnuaoassqounlioelrassem
siu:pnreosb.Eelm

b
f
h
i
i
i
i
t
t
t
s
e
m
s
o
n
a
o
m
s
e
a
s
o
r
a
s
o
r
a
v
,
a
.
qpuoerfthancyillqdueiem

lsqgueuenirpsaa,lhocac,eyrsu,snaloiw
l
l
t
t
speLoatreeguslnam
cdsenhorosm
q
r
o
e
c
a
n
s
e
r
c
o
u
x
u
.
E

b
d
l
d
d
l
d
i
T
t
t
e
o
s
o
n
a
e
g
a
o
r
e
s
p
e
n
m
o
s
r
a
e
o
e
n
a
p
g
n
a
v
u
x
u
.
,

f
l
h
d
i
i
S
i
i
t
t
t
m
a
c
n
e
m
e
s
o
c
c
a
e
c
o
n
s
g
e
s
a
c
r
o
e
s
o
u
.
,
dberldss,)cqs,fertiaisoneed,svgyluetargotw
lpaso:
ocoor(ltrenasa,ypvidcolazm
sudirw
qbleo,sqtiounuptcriauetsno,gclqyu:upiaqsrusepcpuonrcdteaall)d.isreo.puEgstouc,qnsaivtpegrbnodolsevm
vresgtserx.ludQ
b
d
qu1cLi.aqncElsv(er.ipbaluersptcaovrsdiiebapnlaH
z
.

l
l
h
d
l
S
i
i
i
T
M
L
t
t
t
t
t
t
t
p
n
o
e
c
r
e
o
m
n
c
a
a
q
r
e
n
e
o
u
x
u
y
y
u
v
x
;
.

b
d
i
"
"
t
t
t
p
e
n
s
a
e
e
p
o
o
s
a
c
e
c
r
a
e
s
o
s
e
c
u
.
,
,
,
egisnidcoao;se(a.lpraaslaoh2reapbafreyaa)e,nlsoditsieescnroi.sbSeqiuuaenlgpduriieseoncusoepapnriteCerSdd(le"ldhidsjieaseodoY,svesicqieuove)dr,satae:lnvietlzepcanasnuos1f:ccdohenlrduoisaeo
ntesrgouroact1tqvee.urzsiepadcarsybaelcdolirntm
.eESbillaU
2w
p
M
dLigy,oCH
TS.M
Llacinsqscrbt. ,
puM
edsacdrelanoetrxpilnctoenququsetodreH
cTw

d
f
b
l
d
l
d
l
i
i
i
i
i
P
H
T
M
L
t
t
t
t
t
am
rLeN
q
e
o
n
c
o
n
e
e
n
e
n
s
q
e
s
a
r
e
q
e
n
e
n
e
n
o
s
n
a
e
g
a
o
r
e
s
n
o
e
q
e
e
n
e
s
u
u
u
u
v
u
v
.
,
,
hooet,rLvpyq:/udw
3;elCsaqr[euphgn/tTtpRie:ehrbnvtm
/rli].w
clrifeepnngatvgacidsroaosem
ctnovrLgam
oTleM
steLs).
yT3eM
.oincdw
Ti,scp[M
/.u]ep(sneasvtreqru.saiieseclocrneduigcloevdsaitlgidon,adpaeenrH
sonpoo.fdnShiceaiavgsqllisuddeair,otecdleaishpsnerlrodpbaam
oudlanoveelfm
ebeltW
vgcahansdletgiorrduajsoneartbvduieernH
aoailed4den0ts1ofH
C,porquetam
saw
on.ter3sle/ncsguvaljideg,toynr/]sitenodCilrSc.qouncersopuedlsveqautivocadrtigeoa,lyescrnibelov.EelrvaoideasorqdueCSscdorelW
3

b
i
t
he[ltoCSpisS:/ljqaiguew
c
o
n
s
o
n
ivadyPoH
tsielnom
pvsreodtginam
srIq.uSeigncalesJitw
eitCvaG
ouchaolqm
uestnrdsougenbrlosdginuqtejrancotm
vaenbSh.aicpetr,capluetosJ,aev,m
ueijorstiaecojsacputranceida,lyseprvuidoer,s

Ideas generales

Una web se tiene que poder ver en todos los navegadores

Separa el contenido del diseo

El cdigo HTML tiene que ser vlido

El cdigo CSS tambin tiene que ser vlido

Scripts en el servidor

isaw
Lodeloscriptsenlservidoreslanicaform
adeasegurasequercibanlam
eb.
S(Yeehladbilsem
asm
uo,cphaordeelaqcueesqibuiledraa).yusabilda.Sontem
uyextnso,perofcilesdenteder.
lqTeuM
cepTo)M
n.tPLeoyridttaoonedylcsd,insm
eontoih.avnPecugoeqsdfbgrieensst,adurnonteiaselcnpoudgedninH
aroTedM
suaLtcr,nceovsdibgelesadcrsrigibo.epm
gaLryfvaeceilsm
uuenednsH
ldoo,bsnqeisuteslcnarpiw
sftudCcaooim
nhstecbaeildy.cqooun(tearqelsuienw
ebqeubndniH
stecnatsia
bsqn,lulpindesyrecolaotqnlciupercetsdis,bim
loadegecirntnocqvreusrdy,leaoyspsbpauin,etqondu.lgPaolo"a,rvqeujcem
Scaitceosrm
"m
gEgxoipnstlrauiesgcpanalntrdusseipm
s(dlruoe.,nospcpureoddsgicneam
lodpetnraexsorstdqeoufdnceuaasm
deucqaushsieitar
tsapm
chuhonagyO
noalevendotglrazhrsaclnsteedarf.cPxsapoem
ryllitcbsaipopqsuderenotlloa,stsrndcpoi.em
nm
udrteonhgi)aow
drsw
iasceeibon,sfoaG
aehnuvtrraom
eliCdleSttpucx,inow
ogtoursasp?arnSifsolum
vJvoardiStilcre,gepssdtc,carinietgoo.
,gqpigsuneonerasto.,pnairilnoscvlcuuisem
so,"renonYctieparnium
irdnebdqepstluadhrnisocnesaetndrot,reailnnFusclpooarneahsfcrul.iiocobgtEpadnsuecl,eouddnrsnetif0loqa'dc5uilspiem
eeCnluAH
sm
gtreognds?icqe"nal.uvardBterm
aenlolpism
uarslne.olfippdcQ
h.daibler/sodb]r(enpcgitnalse)ypecnialm
iln[thepc:/iw
jo1s.0en,ste
eartcohfeirnc.om
coCnAseG
broe.ds'm
LnligN
/tbroay/s]bpuarenoslW
veanlitdaoireBtobdys[htcpie:/gbo,yp.w
lcnaersitonspdeart(noqdusateraensdpaprueo)ddeuscstelrm
d
L
oneU
e
cotom
pdcenlloicaadseogeuniroatsrlehsaoccaem
pratlogsm
ueernttosenquIetedrannltoessdettaoldesm
utcynicloasroy:lasreglas
,o.epSetrno.dpocrusm
.uepieqidcuhoeaW
di"tgosnstdadnerdienbasdraa"rcntoui,aqoldueiensrdoendb:loerH
diu,noeD
l,uoCtysSrfla,osbsPa.rN
dPe,nXa"pM
i"qLaclu,gm
idocGay,nStcO
eddajpW
senbetl,igeaunleiddlaosnsaqsueem
sceTirM
aSoVqG
rteO
sspM
eosAm
r.PLo,artoeojH
sTlm
ecpPtlo.orL,eonsosipeenuteod,o
ym
l
icEEnsntroilqm
edsoetU
nuem
psoio"rgtlllaodrncsqtW
n
r
e
ibkopssda.lorg/w
ockum
pr.aioocdee"itngcnlol.Agaeptroipietarei",sqauesesllsaqlaueno"rem
stalm
aenrts
fPoartsi[nhot:e/hhs.aw
fnt_acton]nd,are"ptsenludaTrie"srtea"ldo,ncitnsa"tm
ie/D

Accesibilidad

El contenido ha de poder llegar a todos

Respetemos a los ciegos (y miopes)

Estndares web

Qu es un estndar?

ols.Celabr,olaquoregtaanm
bizaicinnhaqyutehrm
detinosd:atreecsnoleglW
lorldW
iacenolossm
iciaddesa
adeoEpnitaesl,ucnaoasoegxrdpaelniInctodem
prnateyr,oeycsnpocpcuifieadasm
n,eetuncts.a,rleldoessdarem
e
a
s
e
p
x
m
s
w
C
jsadgiueoraralsqo.usO
W
tea"r.dsnetcIsnSm
teloassiga.
hcos3iCspnt:/row
3gcleom
pO
rp.obrqjuosaeas,onqgusterm
nnpuoeidam
eoLersotgVbm
oaenirdizasnoqup,renatisulrm
udaeorndIdEsa,TncFipom
rsngita/zn]"(cslW
,socbrvligicatorioyn.m
.aldehasrarw
[W
3eiolstCqrenu)sd,qapcruoesoah"bbalqociunm
qnutsecI"S,pO
tlagsFSuinjelaouttrrhuaelpcnm
tesem
thro3teC.tpeaccyrnniohsloaegbsieanr.ounido
a
eissnnvtoeadsliem
qqutuaaeelnpsdce;oaiasif;e:m
pcoiassetlrp.eronxgspm
rlaiem
caodnm
edoo,rensedsm
adbrielpensaoivbgenlueg.im
raYdaloa"rs.eYisnlw
rqbuaucsle,eipohunnaenm
sludeedloocfhaseblritilcesotasnnntcdeouadtlrpeH
prLtnrodsd:eoul"pAcW
uadTnM
N
iaytTerlM
isisaprefnodim
Lo.nilSH
TTw
M
todrW
qPH
onuacuvhogm
aste.l
uoTArM
upcLidacogeesldcretiibosstH
bM
inpTsoM
iebLLycov(rleqtcsuo).hEslpm
edcLom
gH
cf,m
sen.3cCil),otddeoloqeuepteuneddearspnensara(m
uhsaics,taetpiem
vaH
m
ai(gID
edvhienasbttculurdbsaeroc,iefasqtlcutribeedsslnoaoruqttunegexqntutfriaenn,rjsesir,doyaeqccquiurenetcolosnnhccabedlnleospbxacplsribecoroa.dnelisnpvaeotla.dSise)m
p,iceozatsrheanbtlrdernet.uTpiernoidaos
l
joeprIcD
ceesnitosintra:aecqlbuaarrm
onvleaejcsrcorsonaadciebcuanm
artiism
cdiolsq,ntua.ier
leonupdocahqrouqleueginldacqlfuuhesraoteunsletar(yssduteim
sppEam
ouoEdinrdgncsparum
eeycfb,tirvtofo,qcuspeainrrcitley,atpdvriinaegsqaoruspdu.eenia)qanlucesom
rsirodedxyoatm
nlp,adcojr(eaem
cspsad,dyoiaslt)qaunpeeorltsoi,seqynoduchesqa.nusoedepicshnolse,m
ohqaaugbeilnl.anuH
dtlliaoqLbu,(despolccotrqaruiutqm
loe,dd,elatbvonIneagtvXseafuH
hom
im
tw
tuoi,LnersshaleH
aa,,TitngeoM
seTnsm
ndgcTatrdM
pdnTgeriM
etlpLagdrircboqolf:nsuerem
m
nyltdaehdavm
eciisbrpgtlaoq.nd)uT(osH
redTlnecsM
ashai)spnboedolraam
etw
acnsobtrbm
g.qaiiunloeanr(spneotlirqnsqunegduaejnnessdl,ooqyuqceauseloq:huaiertra
dnhrfeaaAvcPctlieoum
l
ioXlrdnH
j
L
rgrnevqsldiunuaoaedretntolsco.r,uPlsedm
ea"lfbprca)ts.doeeoAnzXcd"spsH
aLm
eM
o
n
a
s
s
u
.
aPorLysguseoenrtt:,qauqeuhahbalcerdleotboidensisnm
absefr.cAill.gSuintaesafsreagsueraqsudeehquoedntim
puw
aecbtsnloeshpayarH
cTM
uaLlqyuCieSracqoureeccotno:zcaCSy
TH
M
Sahortiem
pytajo,porquengujnciloyprciso.Nquehacerhorasxra,niteclarel
Quin los hace?

Vale la pena seguirlos?

Qu pasa si no se siguen

Algunas falacias (mentiras que la gente se cree)

"En el mundo real no hay tiempo para hacer las cosas bien"

boena/edcgrnui,loat:ssbipndrpeoeovagtlqm
bnEpdselsaltairbduipaeconstgrqidruieabaescnqoym
ism
cllE[hLCisatadvw
arp(m
a.rainl3tpscndecorosua,/eniutvlsipgdtpaurnam
oim
n/ulW
aqenbuecttScnohlcosaieurnem
nt,icyhtaoas]ossr)q.dm
elaEpnlH
anoeTvciaeqM
ghufsLaeedcsm
oadram
euiecgslibo.dCapecoaew
nnrlteCbssStcsilrlo.eoim
etclpiueplnartsiqansu,caqoedpuriienocyplouarpstefiudarnd+
ceipvouentgaia.rdw
igm
sTpeodia:eg/zpfhboo.w
e
r
u
b
.
n
u
s
b
l
d
b
l
d
h
l
i
i
i
"
"
t
t
t
a
s
p
r
o
e
m
a
s
e
c
m
p
a
a
n
o
e
c
n
c
s
c
p
a
q
n
s
e
s
n
r
a
o
a
r
e
u
z
u
v
v
y
:
.
U

l
d
h
d
b
l
b
d
h
f
b
i
i
i
i
H
M
L
t
t
e
s
c
o
m
s
r
o
q
e
p
r
a
r
e
a
r
o
n
a
e
g
o
r
e
s
a
s
q
c
o
e
p
o
q
e
s
e
n
v
u
u
v
v
u
u
u
,
w
lascTigoM
d
d
d
l
icsabm
i
tOorslecEavy,nqstausgep,vytrioaerbdnbousm
t
e
s
c
r
nepeniaoutrbellrgsevm
noisunutltsa"a.npdroeot:fecH
sneenaLltm
m
m
s
n
e
o
r
.
,

l"qCnouSiem
iestaunpeaofqpiucfuetondncasponhreacydenrerpolaerstbtc.isoTnm
tcp,orgaubibolrjoe.,stsm
qutcoeoaerbqsufjuicaetrpozeor.sdClqoiunum
p
g
cinpontoergnsuaterqbueer
j
o
r
q
s
e
y
u
P
TloM
Lsy,uXnH
TdiM
Lse,aCdoSr,,yetacd.eN
oFaAslhguyeiJseaonvem
nSecrlhipa"m
e"Pnetroscem
om
sslqoueiesrtouorsaar.
utl?"e.ngdadooreaad"ecriera:lm
utoilvzaytaodresepsttoardelolsoseettndnadraerse,s,islH
daeserbp.uoLsaorim
tebpsrodebnes
sCabTSvrieM
otnsreuo(sehncautnbopreinm
prnloihdcsaoaacrvre.ernsptzraigndaigonlrssatedw
oim
np,toirtnadnesecqotsuuaed,itsnepdoiqsuecivanodc:oars.dSeiw
ycebnn.ollpagw
utanrsm
)
i
tao:,asitm
aprPunesdJH
e
s
yFlstrhe.Lscu,i:Jsnaapvroteq:lfcousyse,rqoJctauartvepsinssSrdcforoairlcp,m

d
b
f
d
l
d
l
i
H
T
M
L
t
t
t
t
t
e
c
o
n
e
o
s
e
r
n
o
s
e
n
a
e
o
r
m
a
p
r
e
e
s
n
a
r
a
n
q
e
o
s
x
u
u
u
,
w
iM
ifpcooltnareem
traiafslstoenpug.opclurttm
pXPM
gN
naAG
stLhP:M
eg:rxplLrcafuintoocrpsnatvem
uPSVO

d
l
l
i
i
i
r
a
a
o
s
c
a
q
u
u
;
.
f
h
i
j
G
I
F
o
m
c
m
e
o
r
q
e
u
.
,

l
b
i
s
p
g
n
a
s
.
w

l
i
i
H
T
P
t
a
c
n
e
r
p
c
a
o
n
s
p
o
r
.
t
m
c
d
d
d
b
i
i
s
p
a
e
a
e
v
u
.
3
w

O
S
S
X
H
T
M
L
D
M
H
T
P
X
L
M
I
L
c
a
s
m
s
c
s
m
s
u
y
:
.
,
,
,
,
,
,
R
A
ter3laCasn.,Scisoitm
sextQuedqinoea.sn(oqtaudneiglaoqsuqeuteplnodsacerets"nnlodram
rheascl"ettllniW
m
neorqW
cail),ssaatelconoseletgnaldsapm
rreaos"aiebstiaerrnitosasrdeenM
ofiacrtossI"nftteprqnsuet.dsotenm
m
ufieenrgdrosaw
u
y
d
a
r
.
dlaouAD
ilacdaw
YLounsoqe,eslitpnade,racm
B(cuSocm
H
T);eaM
Llrci)obnnatreasloH
tntoi(cleusatdaoonsVm
oresuzlcqgnudeaosciterocouapsrienitbadaintusoondsesntM
odesb.afm
rhipotp.uLAoecdqtaiuvpeXss,aJqrSucceroinpste,clodm
picarntoendsarqiluoedcem
nioT:m
uLy
M
ccoam
a
n
s
c
R
E

dvpm
l
d
f
b
d
l
i
i
i
j
t
t
t
h
]
/
3
/
T
R
m
a
n
s
c
m
e
p
r
o
e
s
e
n
r
e
s
c
n
o
s
g
r
e
n
s
v
u
u
t
y
u
p
o
r
g
w
w
:
,
,
.
[
luEpcbrhifoec,siluooacqnrdeyohpM
d
h
C
S
G
S
G
i
L
P
V
rhoealEun.tcsiM
padm
alism
ecarolsnpfyootl,racqesnm
epuaiopnlgdcriltnw
o
q
p
a
r
s
m
a
s
u
v
.
.
,
N

d
d
l
l
d
i
i
i
t
t
t
t
s
p
r
c
o
s
q
e
s
m
p
e
s
o
n
a
c
a
o
s
m
p
e
m
n
a
n
e
n
a
r
p
o
r
u
u
u
u

d
h
b
d
f
d
h
l
f
b
l
i
e
n
e
a
r
o
s
r
m
e
e
r
a
s
a
c
o
s
o
r
m
a
e
a
u
y
:
,

d
d
d
M
t
o
o
c
s
e
e
a
c
o
s
m
u
y
u
,
b
.
ariecsoftesarotpceuatdosaN
ovarclos;eqcutaie.npiensquesonm
alosque
liguoniaem
lprensatrileonsdqulearfnm
parRticupm
eindsu:crsaecitn.dM
"Los estndares limitan a los diseadores web"

"Los estndares de Internet Explorer son los ms usados"

"Microsoft innova al salirse de los estndares"

sair
alo?N
o,porqueasobligoalosdem
vezn:"svoycaidem
Aslgatuienodseychaburnam
m
nptezs,arnc?o"nducirendirecincontrai,esm
sacom
diAselonqduloesarm
W
Aprm
t(avgilens,toulsariqou).erLosU
cobeildt.saeloW
saedloresa,m
snavresgbaudocraens,dpero
slerfoAgesnm
udnelsonplaom
U
b
l
t
odirASeesctgoU
s
c
o
o
g
s
u
dvast.dhoaIiynlctearnm
Pinupdesownq[urtepah:/liw
taivsocnapeIinytosdr)eIontEepxrnloctriseEaxm
enN
plonrateW
otse(.ncaom
nl]o.puedras
vb/erngatdo/rpe,sIEpq)uh.teTm
.
l
tqvueidegoarhtd,aoycsrueolsedscohm
cionCtaadulrnosam
oarsbepl(ororttsadm
o

d
d
(
l
d
l
)
i
i
i
t
t
e
n
a
m
a
n
e
r
a
s
n
a
n
c
s
o
c
a
n
o
s
a
n
e
m
s
o
m
o
r
a
s
q
e
n
o
e
s
p
r
e
s
u
u
u
u
u
,

h
b
l
d
l
d
l
i
i
i
j
L
t
cyreosm
ntqD
cueiysegrroxlaotcsei.ntdsoapm
q
a
s
r
q
e
c
e
q
e
p
g
n
a
e
e
c
a
q
e
r
a
e
o
s
a
n
g
a
e
s
u
v
u
u
v
u
u
u
.
,

h
d
d
l
d
d
l
l
h
i
C
i
W
t
t
t
e
n
n
o
a
n
g
n
a
e
g
a
o
r
q
e
s
o
p
r
e
o
s
o
e
s
n
a
r
e
s
e
a
e
p
o
r
q
e
s
o
n
m
c
s
m
o
s
y
v
u
v
z
u
u
,
,
t
3

l
(
l
)
l
d
i
4
0
1
j
i
i
P
H
T
M
L
t
t
t
o
r
s
e
r
e
r
s
n
m
p
q
o
n
n
o
s
c
s
n
e
p
e
s
n
u
u
y
u
.
.
,
,
,
,

b
l
d
l
a
m
s
e
s
c
y
xlgp,c.gouir)anenssdrcqovauruenelcptpsaarrovH
his.eaEn.slPeism
l,eqG
TsetgiocM
Landsprltoedm
Lcbiaeonlsrsatdlopebum
tsaaoo,recylsnatpgcarugeilsonPinsbN
troveinhindatcabsrerilem
aEnaG
riCceSem
eyutdncoposdnauiercem
cbsnup,aarpllqesugsoidieenvrtnrlaw
aadprotoledrnm
s.l(apICntSers,nogVdtiG
vaonseebigm
.
,

JqEaxuvpCPLeloooSIrnm
cteeispotrnc,auvvPtnieeN
c
m
n
a
n
c
e
a
m
.
losznbida.ocngs/epbrodzueac:tbsj/fnirm
qntuld.m
shoizgclaes.ornfgbia/e]vl(m
naN
shdace.rm
yicaone/]pb(.idcenals.,
:b/iw
)pH
iea3ryqtuedstlqguca[dhrtqapuc:/sew
W
M
og.eM
sfanoypcir[hgtapnm
sna3yofclgu/Anshm
o
z
zdriloasqFeuirtfnodxaq[rhunetspIb:E/rew
uecho.w
ea:opcx/lu]s)e,adquoAem
oqgsuliennadvipqgeuageninsd"oP,rvuegsaninlbaipeoanprrtaim
lertpezm
tcvaezoradudnnsaplvoaergng.aidnvo"eryg?)"aa.sdhToprusensw
csoestelriu"dn).ucs.inaljanepsm
eandenorocaqteupeom
ennpoptdim
uaonbm
dm
dsoerlturacs""iO
landaotssd"leptaohd(racvsea,rseyrlteecvnaor
iqcufuEEeeclssrqhcm
teseryusainfbavdrecojrlisvlge(hoarnadm
t,adbaovs"eq.tgiuN
estarvlsa,cgdom
le.gaonsdeoura.qPauroiroseisgdoae,bm
indlc]aarssqi,tpuoengelinsdlcaprsio;eblauhspadocqeusteurnm
InieutnecrhlnoastvEextcplsodrnaeorestnvoiencdsovbirensla
tozaunsruoevm
oar.nSti.rtdalEanixeqlpsculm
a.vsoum
epaosm
elh.anghtuem
e
s
a
uioreenctshm
u
hpa[stEIgpnni:/tccew
/
/
o
m
n
p
u
.
,
E
d
d
b
o
e
c
a
.
w
Llgicoserquel"aspectoreal"yloquesvenIE"coincdieran,peronsiem
presa.
Navegadores

No slo hay dos; hay cientos

Ninguno implementa al 100% los estndares

Nunca hagas una pgina especfica para un navegador

Ms falacias (mentiras que la gente se cree)

"No hay ninguna pgina que no pueda ver bien con IE"

"Es mejor disear una web para IE porque es lo ms usado"

rdobsaqfruceilsqyuvenoadm
o
e,snjovrelandtbicsieuenlpahar)cu.enIEsa,lw
eyebsovip,sunbeoldedrnesaqdueecruialsoqam
arciepnm
abiaeplnro",bpleelm
arqusste.oladem
uliiresrednbavleeguatsdnordI.aEr",nphciam
,h(qauAstednqoeusteim
N
noadviefgcadrose

linoassqfuuneercailsnaonsqhuloaebintueqaaslm
f
b
b
b
l
l
d
l
H
T
M
L
t
t
t
t
o
n
r
a
e
>
>
>
>
o
eylnnteancsodsaeet,cyxom
e
s
o
p
o
r
q
e
a
a
r
u
y
u
.
,
,
,
,
<
<
<
<
E

h
h
i
t
ceostrSSriiuleccarttsospradgedm
p
e
r
m
e
a
c
e
r
m
c
a
s
m
s
c
o
s
a
u
.

b
d
l
d
l
i
i
j
i
P
t
t
t
t
o
s
e
r
a
n
m
a
r
a
s
a
r
e
a
r
e
s
o
e
a
o
r
p
e
e
a
r
e
s
c
r
a
u
y
u
v
u
u
.
,
,
l
l
d
d
f
l
l
i
i
i
t
t
e
o
p
q
o
r
o
p
a
n
m
e
s
n
e
g
o
e
n
m
s
p
e
c
a
a
g
n
o
n
e
s
x
u
u
u
v
u
u

.
dpeousvcdareibum
lL.qw
H
toiacrlm
trasbjdl
asCersStu(hcatdojrasdceiusnt(cw
e),lbqru.Eesl,axupm
c,uipnotsadelnat.vrN
eg,a.sdi)ovrScielH
oTuM
ebr;yaedsm
delcsiodfsoperam
i
t
nsapvN
eTogc,M
aifhdLaoyrsm
cra,m
o
o
s
a
r
u
d
d
l
(
l
d
)
i
j
X
M
L
X
H
T
M
L
X
M
L
H
T
M
L
t
t
t
s
e
s
r
c
r
a
c
o
n
e
o
p
o
r
e
m
p
o
o
q
e
s
n
a
m
e
c
a
e
u
u
u
z
y
.
,
l(exN
fdparaovslrepdstaruXcH
l,oeudnm
C
itayFeprnoptgpadm
jueonrltuceo,nyoglenobjrvaitsniovcoa.dm
TzpiulM
LeadCosm
TthrM
Loa,lrqtuexeabcoucjm
tco.pH
n
e
eej).srYconuloseaqM
sueeoH
pm
eaqm
i
H
T
M
L
t
g
o
c
o
r
e
c
o
a
n
.
d
f
b
b
l
l
i
j
i
D
o
a
s
o
r
m
a
s
a
m
n
s
e
r
e
n
e
n
g
a
e
m
s
m
p
e
v
y
y
u
u
u
y
.
,
,
quteichaa.N
ieraqdueinesfolrom
n"yforc,oiqlm
cuanursciseihlddaootsg.pnadretcpxrninoicsg.paihancteesrpngciunaalsqucaiesriacndsaebm
oeschriatyo,qcuenscabdeirgodebaj
uadcoescfqhaudoltesm
pcarloESigds,ttaam
yudpesahilcoa"yhnm
botessp.yuqpeuodrc;ebsucm
P
torm
acostrTN
raoecgbbm
ny,pcpsuoplncoih.ap.nErEctselogcyeasaudm
aliogso,qenuH
m
oreT,siM
ceulxluLptaeTnsicitdaaey,rse[hsovtbim
rnpa:ue/lstticdoyced.m
csom
so/]ne,syqeaunjm
osdcriagrehceH
qjeLsureennuoc.ilaeopcsregibnintsaubbcieendnighoeescyda;em
urilsnootnsapjuhriaem
ucuprplilnifaocndargdeld.ooC.ntH
yToM
i
r
a
l
ppoirEnqncuipegnlo.sti:pnuefdalsco.nSisuhltcairelonpraolgianesrpocifleascirnbiH
d
l
l
h
4
0
1
C
j
T
M
L
W
h
h
l
]
/
3
/
T
R
4
0
1
/
e
s
o
m
e
o
r
q
e
a
t
t
u
y
p
o
r
g
m
w
w
:
.
.
,
.
3
[
E
f
l

i
!
a
n
o
e
s
n
r
o
a
o
r
a
e
s
c
a
y
u
.
,
,
TlM
nTM
spLaconl:cam
endr,dem
oento,esltuorial
deEH
l.counrsla.net/suorainl/hH
/]Lnocrect.Elicquepudom
se[yhtorp:/ahdtm
tm

Sobre HTML

Qu es el HTML?

Es necesario usar HTML?

Es necesario saber HTML para hacer una web?

Es fcil escribir HTML?

Es fcil escribir HTML correcto?

Cursillo de HTML

dh[heetcSpH
M
l)M
crpetuBorbtnilcpnlatunAesr.erclbo[hta,zspum
ard.lneiigxa.tloh/p]td.lm
elsAtraLons:q[uhSuteplf:e/nH
ow
elpdrLadon[rhigjetlaM
pCa/Alohc.trSitgda/ln/]nc,.teuolxpsdohrtD
elm
rsod(hyam
oonTm
a[/hdsieL.pn,:t/t/cbehaunfm
oeirnsica.ull/ashndtyo(m
:e/(ehBrtdum
)opq.LO
)suTpu,CM
Ci:/TSlw
ilnalX.rcKH
ianeCr]XognLoH
Tb.ptsM
hLotum
a_ax/n3dp.opleicf]uaRm
gbsltu/u]e.ezhnaobl
ebtluen7/],kom
pcn:s/m
euiesdn.aftli.frcm
quina,
bl/eisrjnedm
dexl.hptr,moltcol(suelserhtp),el:/seguidoelnom
bredlam
Lemqs)nittieaae.cndcomed/elhsn.toPmom
R
lRmhtaIriu(lpetsa:o/odiewnca1lur4.yd2hea8i5nva7io@elolsczuU
engaoU
q
e
yluU
u

.
.
b
l
i
l
/
/
t
n
e
s
n
e
s
c
a
p
e
c
m
o
a
g
w
z
v
.
:
fmer.danceligarm
hd/ivtocdl]e(m
iclsoaerbvidctoar;,fpyinlua)sb.eglou:ndaundirectori,poresoleva
Ilsf.dinFjla.tSecilnom
qpunestila.cposrilm
e/hhbttramllh[t,cpseh:/trw
uent.lacrom
U
R

lhatbspoP:no/rrw
t
a
n

i
d
l
i
d
b
f
i
i
i
?
t
t
t
n
e
m
n
e
x
x
q
n
o
s
a
m
n
n
c
o
n
a
e
s
m
s
c
o
r
u
y
u
y
.
.
,
upsinBLem
h
lcTtoam
d
d
l
iN
i
i
j
ToLniM
LQ
H
T
M
tradt3neclsatragcloldo,m
tsdoqluounedacpoU
g
s
aresTr.M
ar.dsccsoioesnm
a1sp4proeaqr,udoiuesrM
nan.oicroprsiea,frty.D
elsem
gm
npIXraayH
n
o
q
e
r
e
c
r
n
a
e
n
g
a
e
uadrpecrnnhuilsvp,seoem
u
u
u
;
.
h
l
H
L
a
m

(
)
l
b
l
d
O
S
S
O
S
i
i
D
M
D
t
t
a
m
a
n
a
e
n
s
n
e
y
x

,
l
l
b
e
n
q
e
n
o
r
e
u
x
u
y
,
bebL?e:us.xcahntmdlopeanrGoelgXlH
Te"M
Lfec,to.hsthmtlm
TesM
Lqu,e.qpuhedparclaProH
L,etc.
pla"r.PuH
auochdsoescloesnam
ptranoXreM
sum
m
,:.xmlparXM
em
PoAH
M
rsevqiustoh:qlbuarm
anlioXw
l
j
T
M
L
e
s
e
g
a
p
a
s
r
c
r
e
u
u
x
.
H
n
n
t
t
t
hacginrabliem
nteintersaprenderCSparhacer
guoerspairnm
scioneld,nsieof;oseqpuecialeps,onibjlue.gos.Probalem
virN
slatorqouesquirm
rytavneresi.oM
antosdceestoldactiopsoa(chaadncnaam
unesc.hSaegheinzotesstelnodarviedna1y9les5,dyadpersobleem
vebgiaaddoor(aleusnm
uqueestlraenlgupajgeinnaose
ECm
)difcedpho.oam
chom
e
h
)
c
u
.
TM
Lestusando(nopuedetcarlo).
argls,tean,dlrsqlu!eDOdCTcYiPrlEe.Launavoelgadxoprliqcuo.versindeH
soEnechaepcoginlaqpriem
Cmo es una direccin (URI)

Extensin de los archivos:

Efectos HTML

Versiones de HTML

Cmo?, que hay versiones?

ues,
dn3pcaM
lo,paLH
0egpiu,nasrtealrodH
4SlTqM
0.uLeyd3e.2lb,H
Trtcm
M
L
TlezospM
Lrnuoaovd2m
TdeusincM
Lcapntruo3Xab.H
Tfer.oM
LCeH
TepsuM
Loalr4e.f0sa1tlLH
esttil.ew
nom
rrgo/sLTm
eRseyphH
sunl4ad0i1/]o.osAnteipm
eonulraH
elfeism
aaTgvM
eurLnda4ae.0t,i1qnuoectraeiontqeuressanhteagyanqm
.
.
,
2

d
(
)
H
T
T
M
t
pe[hntATrLpqood:/usdew
a
e
s
a
c
c
o
oH
jeqsLu.m
4
Tpdlaao,eM
Lm
tPrueaoesnz.pdscTitlarsenodueaslstr,oqaqydluseseopnlltofisqgrtH
tsrneroseb.ss:nuletafus.Syreolt.aEm
m
sH
cM
asiLLt44odn..00a11vvlpTFSrtborrsaaieqnm
ncus:itteieltsnn:raloorv:p,m
aduenillas.Tnm
rem
nsrsLadd,v.iefPtrnoH
ram
elTaM
pdreA4n.shl0lo1,ScateyucerliH
ueTpatM
.nsctilrsaoe0tls1ciqogtuifeenta(am
,praTTnM
i
n
l
)
s
a
s
.

h
f
l
d
j
i
Tr(ecM
Ltsi"4n,.op01hraSqytuecm
TsrM
Lcibxm
P
H
T
M
L
estxrpblicea"rXH
sLc1o.H
asuionsyq),ufpercXlfH
erlXicpH
cTM
o
m
e
r
e
r
o
c
m
o
c
p
a
s
r
e
yTuM
u
u
y
.
,

b
l
d
h
4c.0sYH
1aoTSM
0
i
H
T
M
L
A
t
a
e
o
a
r
e
p
a
s
q
e
n
p
r
a
e
m
c
a
s
u
x
u
.
(
l
d
)
i
L
t
o
r
e
c
s
g
u
y
.
delepaXstm
le(um
isecptual.w
thortm
tum
asd,3yvooacr.bngS/rm
ocqiru/nm
uM
uibLn,cahqdvouesega.pasbdroronebm
dH
ldqautuaieoysensph]ioetcyrraqaeoeu)bs,tlyrscim
dcvreeajnst,ndajyqoeuscsdaom
lM
ibganTrsteM
iU
"dLsL(edpcs[eow
".aLuriacdsehacrlogne"e)n,catyidpqaeussgecnrolianbs.eqPauotrlreicbelousdstiguon"a
treascsoum
evnnaaovXm
m
epbaij:/lnqw
eeasprklntm
ed#
qycauhsiean:sm
ylouanesn,m
d
d
l
j
i
PerpsoLSayilerognnquyupavideeqregugocaiddraxlom
X
H
T
M
L
tqsuteiaerocXnqslH
tauiTveM
t
t
e
s
r
o
a
s
o
s
e
n
a
s
m
m
p
o
r
a
n
e
s
e
v
u
y
:

l
d
l
l
f
d
(
)
l
i
d
X
H
T
M
L
X
M
L
t
g
r
q
a
n
a
n
e
n
c
e
n
r
a
m
a
o
r
m
a
o
e
r
n
e
o
e
s
o
g
a
o
a
u
z
u
,
t
b

f
l
d
d
b
h
i
i
i
I
t
t
t
t
c
o
e
c
o
s
o
m
p
c
o
r
m
e
n
e
g
o
e
n
e
g
r
a
c
q
e
n
e
r
n
u
v
y
u
.
,
E
w
d
b
b
l
l
d
(
i
i
X
H
T
M
L
X
M
L
A
t
e
s
r
c
p
a
o
s
a
e
s
n
s
o
z
.
,

b
d
)
i
t
s
n
e
n
s
u
.
doliL+.xeoamn.lstN
lxhtmladyseel
M
L
otusLraaerhdonfcqlaoulsaepfrraoslntexicvsum
ea,nuyjsaepuatlnlovoieXccgsH
eehntTntdmoM
qi(pgnouohictsnay.am
vrufiTpiegjM
iidTcooM
tserXvH
tLeetibnsreqluscesnuogectsiiJduavrcoSaLocqnH
qrm
eraolnsigdaoctosrsm
naattdTisoM
qnotuiteehnvxasc,/eehpxtottmrlqn)uc.seoisncno.Xm
o
uw
uhornaLc/cxoiH
daTtohM
itrdeoaqs.m
L.yohm
e,3orbhglu/ToncRaxvssel,/g]cacdosonrst(qaudeelynsaoorslpveiudhetoarcn)dta.harnecssefXorSm
cyuLm
eXSinLXtH
oFsO
aglceosqaueconm
uw
hloaXXcseSSrLLob[phtesr,qm
TX.M
cLTe,lXnosPH
ceosritdeqnaruenlatvebgla,dor
u:/pw
bn4etLa.l0sel1sH
Sm
ispdaro.oEygldgaim
TprgM
Lausnstlpiaotnem
teaotdrSarbsicejatdnoisrcoecntadm
sTM
rm
oqaunl,ecusehinoctaloehsnnucdsrehtnteqcdlunaaorvteesrd.soioendlse4o.Xd0eM
s,Lq,putaeiernslcaoontlrtem
selasor,qum
natdoasredsetilasw
ugeebns,atoel
1
ctseihm
nEPiplaoyrX,eaH
um
inrLoq4h.a0yl1eqStgruicjer(saecluom
tinezpado,anhery)la:qunepm
oinerscunasl.nEeaosl,phrainycqpuiodenlarp.gina.N
oesunaetiqueta,portanoes
algPoardH
aTycM
HTML

XHTML

XSL

Cul elijo, y cmo?

l
i
d
O
C
C
3
C
0
3
D
T
Y
P
E
H
T
M
L
P
U
B
L
I
"
/
W
/
D
T
H
T
M
L
4
1
/
E
N
"
/
/
T
R
4
/
"
t
t
t
t
p
o
r
g
m
s
r
c
w
w
>

.
.
.
<
!
h
:
h
ParH
T<"h!M
LDtOCpT4:Y/.0Pw1ETHrT.awMn3LsioPtUrogBn/LaTIlCR:h"t/mlW43C/oDsTe.dHtTM">L4.01Transitonal/EN"
C[htp:/w.w
TM
LdelW
ParXH
TM
L:tiensladeclarcionesnecsarisenlaespcifacinXH
l/#
3org/TRhtm
ic].
t
s
r
3
dTM
bv,eptsacr.(auensqtruuecntorsaepealtH
TxM
Lo:)y.atenm
sprH
easftolr,aehqnuolrisacthose,dcexapcbuleiaclaqdruoiseq,rucdietiasesl,H
aim
orgLednseirw
E

l
d
d
i
i
i
o
s
a
p
g
n
a
a
e
n
s
e
c
o
n
e
s
v
:
.r1g'e5n,ys
deaitsH
laCeca,Srpugdenseirovayletbiulpm
egadse2anrm
pfas.lic,doaesrm
ona.trebEijeonaorpdceiclnafsrod1utdnpocexuasztbluid,rloe"a.aiTrt,eopdsm
ovrerelsajoolm
oc,deqniutcoeh.sd"ldaepslcm
sacLidem
,eoTlhaeM
nenplelaam
iaeupEQ
tlm
ncrnuhim
cm
rabisnefcoCoSrtaitpsoviaandlecvtearsziod.jB,uyeeldsniunbt,reopaceylirnm
gs<ilnaionrekm
arledlei=sg"os:tcyrlibeshtoedt"ehlrcefd=i"gaorCchSiveon.cus"ficthyepreo="etxetxrn/oc,sd"e>xtensincs,yluegoincluirenl<head>de
cadLostpm
c
epSsatdileo)ns.plnaarm
pcoldneitgloa
d,tdiaseingfoorCm
txaotnsrhnloojase),sod:ehhasactcileen,ddoseestndodrnetlnroqvduaeselpc<oahregacdo>m
eientliEdSqiucportaepfe<iarm
orte(yipstledr>uej:saacrheievlalocnm
evigsardiaospepggsineinaac(ssliH
onTu,M
qsaLuredisctohnivaposs.reN
t</*sAytyqleRlue>tcvyaper=dl"teqcxud/igecostC">Sva*/dentrodel<head>*/
s
<
nlparelnm
s,yacostfliaeolabpvim
eerz,nslutaon,ppsuersilocdriedbaem
ncqdunuoteierols)acdehiggvuoisrdCaenSetsr:oxdtersnuoatcroibnultaosrtdylne@,iamupnoqrutedno

lCoSTrei,acm
iacubcdnaocetsrtdcia(la.oecsdoptlngiaorl.afeAousrhpntm
odpeAEbfrstiininlbeursddetooseypfausiuntnerysqdeum
cotidlnesoefoium
iqueta<style>

CSS

Para qu sirve

Cmo puede combinarse con el HTML

ilpoldoedfiencdodiegnouCSarecsh:ivoextrno,yasociadoalpginacon<link>
tnejm
sU
E
{
l
d
d
i
d
l
i
}
1
t
t
c
o
r
e
e
e
c
o
r
a
o
n
n
e
r
n
e
x
u
;
;

h
:
:
i
b
d
d
l
i
i
}
2
0
2
0
1
t
t
t
%
p
e
n
p
e
p
o
g
r
a
n
e
g
x
x
y
;
;

:
h
h
:
loqupaesrvcablencdtreascthiqaul,geytnacsoe<hur1no>jb<y/rhds1ue>bg(rqaiuyedsaonp,uycaltboiescpralse)f,dylcorqnduietcvardleinptraedotifqu.belta,sco<np>la</p>
elpfitnroeagufesntip)lro.asH
pqlueiacstre:m
(pqruiEEm
elstfoorandm
i
{
i
d
l
i
d
l
i
d
l
}
2
1
t
t
e
e
a
p
r
o
e
a
a
o
r
p
r
o
e
a
a
o
r
p
r
o
e
a
n
a
o
r
q
v
v
v
u
;
;
;
:
:
:
tialos.,peroenm
aaysm
puarchocsadtueotriiqauleestadeClaSqueenqtuodiersalsodairdeosm
yH

l
f
d
d
i
i
j
o
p
n
a
s
m
e
o
r
e
s
o
r
m
a
s
e
a
p
r
e
n
e
r
s
o
n
:
,
dohedarsengcivscoebpnretj.clN

drd:l/etow
b
d
l
b
l
d
isquSitrAoeCslod[rhcaotaspnnpum
C
i
i
i
M
t
t
eanpusdeltr.ocm
m
a
s
e
r
q
e
s
p
n
q
a
e
q
e
a
s
g
n
p
o
c
o
o
m
a
e
c
g
o
p
a
r
u
u
v
z
u
v
u
.
,
w

l
l
l
d
l
d
i
i
i
i
i
C
S
i
t
t
t
e
o
p
o
s
a
g
a
e
s
e
n
g
s
o
n
a
n
e
e
s
m
s
e
n
o
s
o
s
v
;
.

f
d
d
h
d
C
S
C
W
t
h
l
]
/
3
/
S
/
C
S
#
c
n
q
e
a
c
s
a
q
n
n
e
n
s
t
v
z
y
u
p
r
s
p
c
w
w
y
:
.
[
3

d
f
l
b
e
r
e
r
c
o
n
r
o
q
a
s
a
y
u
y
.
d
d
d
i
C
S
G
t
h
d
]
/
/
a
p
o
n
c
a
e
a
p
e
n
e
r
c
o
s
n
e
a
s
e
n
a
r
e
n
s
e
a
m
s
n
y
u
v
t
u
:
p
c
s
e
n
g
a
r
e
n
c
o
m
w
z
:
,
.
.
Z
[
h
h
b
l
i
i
i
P
t
t
l
l
]
h
h
]
/
/
/
/
i
i
/
o
s
n
e
r
n
g
c
o
o
g
c
o
m
v
y
t
t
t
y
u
s
c
m
p
g
r
o
n
c
s
p
p
p
o
s
n
s
e
r
u
y
u
w
v
y
:
,
,
.
.
.
[qam

(
i
iagbnisCpaSultec[dh/spw
d
dpaiexr.tadcu?om
/hapqztaaeroim
/lm
X
H
T
M
L
C
S
q
c
r
etalTdpm
m
telc(iardoigvaineddm
u
+
n
rdhroevnsdahom
cuouydsa.nccoioem
xI.usheytpra]bpuTgEixanpd)a.l,[oRhqupce:/[hnotrodp.e:b/sw
=
.:etm
l]d).rnpaver
/.naevgpuop.htm
nam
u//h**1esEL{traaoslm
ucarby:ev#ca0rria7tsdfah1;e,ticedoxnsautqruaconelssfdrpmauz:eudldapndieohrayccaeesrnc;omi}nayCSsc:udlasf*/d*/
U
d//o**iv>ELolsp{ebiqan{qlucbeoaukgecrderossus,n:dhumin1:ejpxouordlcsoi(lfemedncdtsobg.opureangln;ed})eo;u}sn,alcovnpa,bsoorrdneelmaazrgauetln*n/e*/on
a//p**,:hJlPvius{ratoe{xdfossytipnudleiszseta::u11,25n0acp%xoni;;m}}aigdeenn,taociinnde*/tar*/
Formato

Dnde aprender CSS

Varios ejemplos

i//imm**ggEL.+alesppbimo{rtaqeguxe{mdaisrvgndcieonco:t2c:0lid0apx=s;}";=t}a"bselpa"rti"e,ncoenlufopndocrdoejm,alrgaenet*/rablanc,
divo#ctupal{w7b5ai%dctkgher:7lua5n%p;:mnreag;ino:(0c:uwrahdiotp)a,;dytgie:n20upxn;m}rgnitero*/
beilsntiry,aprlaenlobescaloruibriscadodreneiltta.sooscr(,b2al0rda4iss)p.m
deodifsncpoldayzelm
igdpaecw
ioasm
M
TolM
Lasm
caeplhocam
geitern,notalvlsem
egnattdrnoaorszvcm
evritsnbvherm
oaliqom
czuauecbm
ebniotgou"nscetoon,nH
opegCiSnaT.sPo.udU
enssa
usiacodeanynessdpeloqre"uscCoecnSm
d
l
h
onpestCgH
soianuem
o
n
a
bonestl.jcom
ha].Q
psn.doanelcrim
m
elrusm
,aqeunodstnceladrocqism
SM
C
Sreb.,iasrnelacogrqduelhasibnavretsadeonsicplazenm
tientosin
hir[ocspft:/iw
/ahotndl/biar,eybs.ltm
uentoe:scaCm
hdpoisrt)ar,uylocecgsam
luoecilnttsedryogsipaenslrtoes.dm
dw
Ppenoanlragsdoocse,rsytouqsem
egsburtropiqcfuoaesrivdoeaylw
oim
eltineaum
opeob(.tam
fam
inbasdl,itcqeonundesorv.gm
tcioenASm
rsuhcoyncaerm
cbeisnleporgciunalsquierhniacveygodharc,e
iralvspe)s,roaivnyecgrn.alasdd,eocyrH
H
TuaordtM
Las,ccyeohrm
m
nraiSeetd.lriEscsg,,epiteam
rinfctogaddnceocea,isnrdolesrlom
anqauvnl.eagvaeqdgtruaordioeurnsaqm
sdauinrSktadstnei(qdm
splpalizqausnec)nes(iacudtm
eonplsliarm
ptengoitnosa.
yutqLeeitm
ueolcdm
vieorQ
SasdorienESliosvgsoeaberdulpitsgaanstcuudeon,rm
nstTiaqouM
nqaupeofnrstedam
Percuejr<m
pd!aDOlqoCuT,eYePnnEoeHtTsMuw
eLnaPbUeBltaiLqIpuCreim
et"a/yaWpl3oCr/easDoTe:sHtTaMnLr4a.01v/aEeNn"m
l
i
d
3
/
/
T
R
4
/
"
t
t
t
t
p
o
r
g
m
s
r
c
w
w
>
.
.
h
:
h

l
i
a
s
c
a
s
n
o
s
e
c
r
a
y
u
y
.
,
,
,
RU
HTMnLim
tPUBLICi"n/eWq3uCe/tDnTer:HTML4.01/EN"htp:/w.w3org/TRhtml4/strict.d">
nej<m
ph!eDtlOmaodCliT>dYePlEoMm
o
q
e
u
/<h>eiweb.Qubonitaquesmiweb.</tile>
Cambiar el color de las barras de desplazamiento

Consejos HTML

La primera lnea debe ser el DOCTYPE

Estructura bsica de una web

A<</qbouhdtym>vl>aelconteido.
baunscoiam
iutsLm
i:.feleborunnsctiraa,loscm
D
cla,ovesynrlndqiauepetrsl<qotunciaslpe>qarudesj,sacbolioenrm
pdunoebrstuapncreaddoim
etlabp.cegintoas,pderol(as.nAm
uponbrctqlhaunacdw
uenuxarsw
qsuiem
pliogretauneb)ulon

biando.Yohe
iacsuecplotssaannm
tXaM
tLfiua(ynceiXlsocdH
nsesm
m
alm
so.isncehoam
m
scibnulassc.,uplaesr,oesqm
euejorlqcuam
ebliiojaasXuH
nTeM
stLilosefrijom
yesLcp)rso.icbnrulm
yunyoflcvial.yscam
dcSiedauceConesSpalm
lpginashueTacaM
:

d
l
l
l
j
i
B
t
t
t
t
o
m
p
r
o
r
o
e
n
e
a
s
n
n
s
c
s
n
o
a
e
s
o
e
s
n
a
r
n
a
g
o
e
r
a
u
u
v
u
z
x
.
.
,
,
l
d
b
l
f
d
i
i
t
remN
p
e
o
s
q
g
n
s
e
e
e
a
s
r
a
n
s
r
c
o
m
p
r
m
a
u
v
.
w
dnbiu>ra,>ch,ncfosiorsn<m
iep>qostu<reeidsmsm
oXlaH
nogyTe>M
canlLdtpoei(regsisnoncm
>tlr.daoPoc,geseicr<n!lyam
utnpela>vrpi<m
uaoilTler><M
oM
<gX>/pH
iilugaaLypnretncostgorlgiinu)p.ancee,caryrsm
onei<tt/i<lqdslabuotsr,er>htyiaancpsge>qrr<ua/ceensomnsu>ao..tsEcensocm
><odabsTqlH
cinqartuu<oaetsndc>eps<coarsiqbeoudntelr<anlscboerp<>tni</eg/tm
edgoriatt>pedu<nrrboedr<lsel:/niin>m
peuliyo
z,abtLnosrd>iu.<Edsneetrbm
c,rryicacodtsoe,.m
loen
ipaolsr,aqsnuroleom
ootirFbpL5lqoiy"usg>Xaed(tH
pLolni.o#lngD
rsepflrcoeo,m
m
ahaaslcternisbfouahlttaocyspm
qqouunileearptidconnbseilaer,tcc"aui.brnctdteorsensyncoluH
alTnfM
ndoLunm
porseejm
pcom
bh<ayoPPEdneqyreurdebeaghsslciaudom
laeurcrlsh=vo"al#rom
)aea.esrs,tpoindeertam
Enioe0Xess9jM
peloaTrcsiM
eom
doobencntuletm
qs=tu8"aetien5xsf9toa/1rhm
ptmclei;nacl,rhpeadsurosepteao=srlIdSm
nrsd58a9r51ec9lo"nt1ih5petostpM
droentltyop<(eqrh"ou>,aed>).:bPeso,rptoexsi/ahctmslo)yla
IeOcSa8O
cnoadvTiufgscearv<imdneotr(aqlyeuacotniegtsneaISO
uIeetqaiusEqiuvd=etsl"acm
dincebhoradlyjun),eagqvuom
daipegocam
nTasqFeu8l(aU
respicqtuearpvsitaecuosnpaftro,bydcltnm
eia(cysegoluqnreaisdgcelnqtruoiafse(cjlospriacenra.to,sicbeuvptarnm
ef.nr)Acm
osLditnagm
eblosicU
s,bcieodn.sO
nutraobycethsa)r,pcnteoruadesl,
El ttulo, lo ms importante

Escribe todas las etiquetas en minsculas

Cierra todo lo que abras (con excepciones), y en orden

Los atributos, siempre entrecomillados

Especifica el juego de caracteres (charset)

f
t
>
o
n
<
ouna
oalunuto.sCaoenltrCvaSeszo.speapluberd<assph,am
anci>erram
eentjorc,oenlsigejeon:dolscolres/fuent/am
ue<ldsciihgvuo>m
solS.ipvqeauzri,yrneaspddliac.rN
nuodeselosnieacteossadpriclieoansabelsom
aertoi,qunetasxlpicvasinuisarpm
nofhuaceinoaedlH
nL:squedarlestilo.
uotacnhoe.sPobrseolcasm
;tTieM
EPrstim
No uses

)bnlo.cackosr/]oaidm
b>da,netlo,cxc)akobsn.:riLhm
lpacuedqrnm
d
l
l
f
d
l
i
j
ibcpce.ralsnrf(flu<ujjhoe1rm
im
i
i
H
T
M
Leflnuteosfr.dajd(bneesutlsiipcoam
t
t
t
t
t
egtlbnm
nuctnom
e
n
e
p
o
o
s
g
e
n
o
e
o
s
e
o
s
e
e
n
o
s
e
p
o
n
e
u
u
x
y
,

l
b
l
l
d
i):/.paw
P
tiao.,eraU
t
ppcduoenrECelsnairdpfcntouasm
s[ehsjlotpm
p
a
r
s
p
g
s
n
a
c
e
s
c
o
m
p
o
r
a
s
p
r
q
p
e
y
u
u
,

(
h
b
d
t
a
n
p
r
a
a
s
n
q
u
u
v
u

l
d
l
d
l
h
i
t
e
s
e
q
e
n
a
n
e
a
n
e
a
o
a
a
n
c
r
a
u
u
u
v
y
u
l
i
L
t
t
n
c
o
m
p
a
r
s
p
c
o
o
r
m
e
n
o
s
.
s
a
q
p
n
g
o
u
:
pgneielord,atipaxdufodeoes,m
ufdleeBjpoundm

l
n
a
n
e
a
u
.
l
b
l
k
l
d
i
d
d
f
l
b
l
i
C
i
i
t
t
s
p
>
v
>
o
c
s
n
e
e
s
a
n
o
q
e
r
a
s
a
r
o
m
a
o
a
n
a
s
c
a
n
s
p
a
r
a
s
n
r
o
m
p
e
r
y
u
u
u
u
.
,
<
<

d
(
b
d
l
j
t
t
t
t
t
t
p
a
n
>
e
e
a
p
a
r
a
s
e
n
r
o
c
e
r
m
o
e
m
e
n
o
s
n
o
y
u
u
z
,
<

l
)
d
d
i
t
v
>
n
a
n
o
m
o
r
e
v
.
,
<
d
nej<cfm
pdp>nirltPsoou.<e(yd/:pe>olsicantp"m
q
e
a
u
:elic;at">rm<lucisphaonestfytlce=s"<f/obntpdas>izea3:un12d0t%ro;ztexdterxansfobirmnk:upcesirdcasedl;coulsar:ablueti;queta
U
<</op>dYvvipsluyodem=s:tifaoxlrmdican;et">grnt:eodnnuedirv;.</ozpr>e:gpxinashelavoerazn.g<;/p>acgroun:yeow;
C
O
SE
C
O
S
U
H
FE
T
d
d
d
l
f
i
i
i
PuedsaplicarM
t
t
t
t
t
a
n
r
o
e
o
s
n
e
c
s
a
e
s
a
r
e
q
e
a
o
n
u
z
x
u
u
.

d
f
d
d
l
i
Y
t
t
t
p
e
s
o
r
m
a
e
r
o
n
r
o
e
p
g
n
a
a
e
u
u
z
v
z
.
l
i
s
o
m
e
s
e
n
u
v
.
de<iabsirdq>ouecenlaocaessiacclum
buptloo)c.lLaossp)yrluafeogsondoarhlaeysquteilosapatordlsos
oaleqzdu.iLeu<rospw
a>xrepbeliscaeotroeirbnguatnorizasatyplcoer.ipEnsrm
eafjoosr(dm
eifrianrsctala,speor(aejtrim
lpoosrREdlesccauolanrtsm
v
laesfionncaulbryl<aenqrul>oe.c),daPusaeonnrdbeienqnbugaejnodquedielrodnatssph.oCnccaeodrnfulntale;istnado
csialetopdnoevelagrni<east>ldabnelvjasrind(icanpc.luoisgyl<ao/gspeu>tnm
ureibs:rcuoalnm
icnuydipgrocafauslvpnneotcursdd(eh<ba.uoyrnl>q,)p,uarseognqosaucqm
sdeselM
Dar formato a un trozo de texto o un trozo de pgina:

Evita el

, usa prrafos:

hnabcssepcr;qm
m
o&nubesdla;.up&Esranism
robsperpsar;ulanfoecsah.depuczad;epsm
u&nbPcsahpro;&m

f
d
l
d
h
h
i
i
t
t
r
a
o
q
e
n
p
o
q
o
m
s
a
e
r
c
a
m
c
o
s
p
o
n
e
r
e
s
p
a
c
o
s
u
u
u
u
:
,

f
l
d
l
j
i
i
j
i
t
e
r
s
a
r
p
r
a
s
a
p
c
r
e
a
s
g
e
n
a
e
s
o
y
u
:
{
i
d
}
2
0
t
t
p
e
n
e
p
x
x

:
orsncetjuiaoar2npn0doeopsuqpxuaeilclresrouaans.lind"acdi,besurenjsaocprhb"uacsniodteeoulstl(pm
fug"eosnq,tsueaavnurm
d&zrqenubinrespllaqm
nalo.s,ensctm
oes,,rt.ocoasduiqtlnseCedlaoSopcih.epanysrsqlam
a;ub?pizPriuntm
nuaplans;tsdcpuoilnonhiaddcaverlsetusrh;naap."o,nylas
epdaniastrCEeucnom
sepesrnaellm
snaqac4uriiogeoernn6.)buE,llraignpeacocb&.inCebm
t
>
c
e
n
e
r
<
itbcaesnfttdoaecrolnsel
cloepqnloatu,ectroq"d>to)eirneulom
ohyppadylleoqin:iugtnreao,(cdnoetm
arlaoi<rgscekndel:nctolicnoertnst>etdyri);dne..olPa,qotpurrdiebejhulatm
(m
deelstPLjiloaaborrettnicqoxsaeulne(ntbtm
tunderenalu<m
etlaepbnltxecoto(apqloiurgeenjv=si"m
atdcexisjaon?d)m
.etCruaoynn,ctClraSorodcseeurupfnan<eddcliiovne>sa)pl,m
d
i
l
b
d
l
i
d
b
k
d
b
(
)
i
d
l
i
0
2
0
6
6
0
"
1
5
4
"
t
t
%
t
t
s
e
o
r
e
p
s
o
g
r
e
n
a
c
g
r
o
n
r
g
e
a
g
n
c
e
n
r
v
y
x
w
x
>
u
;
;
;
;
=

,
,
<
:
:
h
:
:

d
E
t
t
t
s
e
o
s
c
n
r
a
x
.
/
>
dhuabrn:iaom,(csrignlowqiuldetfhq:u7ia5e%rt;o)s,cyemdntrcgaiinqeusriglehptrn:oavuietg<a;d,iovr>asbe(uocvtirpdeoal:umm
YuSeEahnquceaem
b
l
k
)
d
d
l
i
i
i
t
t
t
e
n
o
p
o
o
c
n
o
s
c
o
n
e
o
e
n
s
q
e
a
r
e
y
u
u
,
,

d
l
d
d
h
t
t
o
c
a
m
e
n
e
m
r
g
s
q
r
o
r
c
o
z
u
y
.
d
f
h
l
i
0
L
t
r
g
u
a
s
m
a
a
c
m
o
p
;
.
,
:

b
h
h
C
S
"
"
tpAl<odipvaresttaylline=ea"rbpoiuorndebqluo:1plaxe:sootlidfgnrcetind;,bbacskcgroinufnd:m
sitEjeim
n
s
s
r
.
b
(
)
i
d
i
0
2
0
6
6
0
0
5
4
"
t
%
t
r
g
m
a
r
g
n
a
o
w
>
u
;
;
;
,
,
h
:
:
i
d
t
o
r
a
e
c
a
o
n
s
c
o
n
e
o
v
q
y
u
.
,
h
/
>
d
YemlaArm
q
e
a
u
:
inde<otshpdeaorus>n?ePltum
sdgplieny:taos0ilnbaleuastklc,i;egmnontm
rgaibuit:na0iodm
eualtgcso;nd(taesum
oecstum
aloigsune:cbnlottqreaur;,cuon
sr<iedpnivtsod>,r)p.caesm
ralqsudfiencrtolpedm
sloaprckt.exCcm
uirnletoq<dueivts>ipyocubm
Lelconsejoanterioparvercm
ocentracosa.
No hace falta usar

para hacer mrgenes

no existe

Este texto est centrado.

Ahora es el div el que est centrado, y no su contenido.

El atributo

no existe

s
uxcahlaiggne:nctenutsarb;}elalign="centr"enlos<td>,parcentraelconteidoelasceldas.Em
uchom
fcH
iYleyvainsettoCsdtSqn{u:teteom
enn<tsraodber>lsa!ynS<i/t)en.oibnrt>ernosaseescopgaerresnlovaargiusnlansecaesldaisl,aevetnutdaialoendelaqarulees
bm
ns<eonAm
rolgbuern>torscnlaasvepeg(dqaatudsroilbrueast.cohesaldicaesnodqceulteodl,atsqeulxeotexanpbtliresoucm
questfaecsilpdpioobrrqjCuaeSqn:upiearntsldaibcuojm
arulnaesdpam
cios)e,nybolancroe(qctuoiersaquesralc&onm
u;nyaletra
olvLEisnodbreusuatlnniadoebapl<es,nlqctoubbreaon>ds,dy.yoptauursedguerh{swtaaceierttdiem
b
s
p
m
}
s
p
a
c
e
n
o
r
a
p
w
;

h
h
:
A
ssinCouea,ntod"dqoua<esisiltr>o<cebas>bcarelitc<bure>anssdtdoe"a.llgLa<soetydmbl>lepag<osansosetcrruloopunnaegra>pneslgiaebim
prt,recesupurncaviaslo,olsaupbnorneaagy.odqufenrm

i
i
i
"
"
t
o
p
e
n
s
a
r
s
a
e
s
o
e
n
q
e
r
c
r
s
a
y
u
u
v
,

d
l
d
h
d
i
t
a
e
a
m
o
s
q
e
o
y
,

linsdodm
h
l
f
d
d
i
t
equnCD
qifauerm
a
n
c
o
s
c
o
u
.
,

l
h
l
l
b
l
d
f
l
i
i
i
i
i
t
t
t
t
e
m
>
e
n
o
q
e
e
s
q
e
a
e
r
s
m
a
r
c
a
p
a
r
a
s
a
s
q
e
q
e
r
s
a
r
n
a
s
c
o
n
a
e
q
e
a
s
u
u
u
u
y
,
,
<

f
d
f
l
i
L
t
t
s
o
n
g
>
a
r
n
a
s
a
n
m
a
o
r
o
n
r
m
e
s
q
e
o
n
g
a
o
e
p
s
e
n
e
s
n
c
r
s
a
e
u
y
u
v
v
.
,
<

l
b
d
l
(
l
d
d
l
)
i
i
C
S
i
t
r
e
g
r
p
e
q
e
p
e
c
m
r
m
n
c
p
r
s
o
y
u
u
u
u
.
,
iguhrct:agbsholm
dprsactosnahe,gdcroi.m
a,
nwyem
t
feoxPtarsepycoolnree:riatlcm
loari:ncctvtpeearqrlusiienceaprpsiecviaap,luetcnseixf(cloanm
dreucnoparcaestnteiitloonsc):m
uhnaad,yreqrttluoie,xnpsuceradircbosructboaisraynfao:cldoitm
,
(s.gReonI&vs,es(ulydniU
buspatzlqo:u,niseprqaur(liad;.reqPuu&sonarpahoecisum
ian.tRegLr/lnsiq)u,aa,o"rlcvsm
iEeaahnm
"stiiedue&nnasm,dpqsi;upr.eaPchooaril)enyjcam
etcPpuu:er/nzsstlwanadduU
m
p
phg?sdnelubr=.aasn&edixqb"=c;rr1p4buy2"8i5cn7o:,m
oyet,raeqcg;uaes(dntsp,eoevlnnazlm
qarc&uena,mo"npell;nttpqidw
vuraegbse:sdiba"o))ur.jtaienun
f
l
l
f
i
b
l
?
2
8
"
/
/
1
4
5
7
"
I
t
t
a
r
e
p
g
o
e
s
e
a
r
c
e
s
a
m
p
n
o
r
m
a
c
o
a
c
e
n
s
o
r
e
w
q
>
u
;
;
=
=
=
.
.
<
h
h
:
h
&
&
2
8
1
4
5
7
/
a
>
<
plesevanconfudir.Pecisam
entestolesayudanoliarse
coTrlansqeuitlo,qsu.enisquieralosnavegadoresviejosim
no es necesario

No uses

, sino

Cuidado con los & en las direcciones (URI)

Aprovecha las listas

y CSS.

nsrsdvvaeieglopaduscuecrdeonm
dveargm
jstau.gm
CacSuiy.nb,ubleontcadneesH
T,pstM
Lrutcastonra,l
tteobsdadcs<sueaurnileds.>nedync<m
oilul>cc)hysaosdeneltilviotsarse,elbm
euinqnutdoeesncohodtanelsehorlsaoym
aSoernnulsadparfeonram
sl,baliyuscrtm
apisdg,c(ihnaop,absprrw
em
m
p
p
a
e
utibfEPLoynuarm
u

d
b
l
b
l
d
d
l
i
i
i
i
L
t
t
t
h
d
]
/
i
/
i
i
/
e
s
m
r
g
n
a
c
o
m
s
a
m
c
p
a
p
r
o
a
r
s
p
o
s
a
e
s
e
a
s
a
s
t
t
t
p
c
s
m
a
e
s
g
n
c
m
a
s
a
m
c
x
u
:
.
.
.
[
i
l
d
c
a
s

h
l
l
l
d
l
l
i
i
i
j
i
i
i
M
t
t
t
t
t
c
a
s
e
c
s
q
e
r
s
a
p
c
a
r
n
e
s
o
a
r
o
s
e
m
e
n
o
s
p
e
r
o
n
a
o
s
a
e
p
o
r
e
m
p
o
s
e
n
p
g
n
a
e
r
a
s
u
v
u
u
v
v
z
u
u
v
;
,
,

d
i
d
l
d
l
b
h
i
i
i
i
i
j
t
t
>
m
o
o
n
a
o
s
a
n
e
s
q
r
s
q
a
g
s
g
c
o
n
m
s
s
n
r
a
e
o
y
v
y
u
u
u
,
,
<
deyastqiluedciavom
m
:{bbioarrdeel:2dpixsesooldiedtboldacskl;obadcikvg>roduenlda:ypelginowa;(}unquenoseanlosdeayuda)H
f
l
l
l
i
t
a
c
e
a
a
g
o
p
a
r
e
g
r
.
sunm
pbadroeendisdtm
eoclplarem
eses,o)nihptaoyasrucvoosnariisgrlonltuercssi,nem
eelsnoortse.traniegloqrc,uueipeasrrn,lcooulpaqnim
ud(nneopCCom
ylnoaeapltptoigoscrdaaenrcstl<ieodlsylqosusten(opceoipslqruacoqerupm

l
l
d
i
i
i
L
t
t
a
r
p
e
g
a
r
e
s
o
s
a
s
o
c
n
e
s
n
a
y
u
.
.
h
h
b
i
t
e
a
q
e
a
c
e
r
s
n
e
a
r
s
e
n
o
m
r
e
y
u
v
u
l
)
h
l
i
i
t
t
s
c
s
o
e
a
c
o
n
a
r
o
u
.
E
iv2b>piaxdrseollyiusdtilaboltaanctokdr;m
PslrEn).jtom
pcdeisov,l.anyputdoadde{m
sbloosrdc<eadm
sbsalcokgdreoulandcyesel<adoiwlv;v}celz,sco=n"eluCdS".>e(hnalceaqsu:odyda,<dicvl>as.
:
:
dcheacnnbirerc:lltqavoutdrecbpsisgltuorotei<lndad;sizpvcqo>auarnqeutjleas,epccplrm
biorndoiletahsanpbniiom
darcodrei,easqfsurpeoapnm
idebcrileor,m
tasoree<nna,dytipcouveedarnldaq(s=suile"ptrciq<uadfisielevro>a"ys>ou.dndN
aaejro).,Tppsuctem
ysm
uayldesatquocpnlarsavoe.zeifconr,ildatesp.eaguina.Lo
e,triedl.osam
E
lipcuuLaEeundstoeicfgsqaouhm
s:,o1h2eapdxilsnaoe"l:iodcblm
,conud#einv(#"ltsaoihtouejlnaoidd{eob"o,srdailelm
b
k
d
l
b
l
k
}
e
a
c
g
r
o
n
g
r
a
c
o
r
a
c
y
u
u
;
;
;
:
:
dejurem
nuoeseadhlociauvyeadplrem
obassep(<"pinnootedceqrlus#itlaeoirr=as"u<selrlso>pam
dd(.eeO
luanr.spat<edfgocii.rvnm
a>,asneo}dn,quau"svpe<lqruicvasl>.ireo)Tsn,adr"bcivelnzom
pesocndrt,rim
sqcusiraelalep"p)t>.iD
ccnaafrdtrieeoncca.tualPedonrtapm
nnatqp<ofuloei,vds>eli"fet),onsntdyeiglpoasaslinroedes=rgp"lftoirieC<raSpuf>loaocse"unq,m
sn{aetfanro.to
yem
iolseoscqruibea
ocarryicqpiuetre>topoyn<aesrthy<slscevri>itpotquyphe=a"etecyxlpa/esjaveislc.arAnipgtnu"ah>g.aeyEloatrtribaurtiobulaon,guaamee,nqoseeuoshaa(ydequtoedassafrorpm
raqsucadsluonm
ic<odsm
.PH
ra,olonaorquibaigul).Lom
socnel<stye>:siCS,pon<styletype="tex/cs">.
Identificar elementos:

requieren

, no

IcosdalEreem
teorautsinefloorstm
spnN
aiqduceit<anchss1di>eqnuc,<eashbu2es>c<triahl,3isp>noloersqp,uertqcsu.oneLotsilpbtoeusxM
stlaasngduraarnizdapeda.oSsi,rsnvaeobnppalarbrqditueafsinsceurhallaqbuesietrruanc.trapdeglitnaxos,yqpuodesr
E

l
l
l
h
d
d
im
i
a
n
a
r
o
p
r
o
q
a
n
a
u
.

d
b
d
l
l
(
d
f
i
)
C
i
i
C
S
i
t
t
t
o
n
s
e
z
o
q
e
s
c
a
m
a
e
a
m
o
e
o
s
e
p
r
o
e
a
u
u
x
u

.
,
b
d
>
o
y
<
tpo,ngmf<uaebnsroagcddii(yeom
rngpIiontdhsereaniclygohtm
n>wC,asSrbdignt.enhTa,itobgrsdaiu,bcfuskotgenrldoou(tssn,dcem
p>lihomlsaavoyrfgdqiretum
nal,eolnm
escfptbalomqratruercgeidsicnslr,tdmbiebasm
ederytjti>oqirueaesus,tnthqeauxcne,rlloinck,n
,osbaolgpcrlaideolm
lloTgjiELM
nuokLsc,da)a.stloriibentsukiltqoou.sneEcltuoof<m
vhaH
edbrjstyeonm
a,sa.r,n)ob,rgayplalr<odobm
qicupanesotlreat<sa.vnpbadrm
cbiorsesnanaymlfq>odu,riem
ss<eada,lepdrnerso,o>ar,m
al<qbupldm
ei,rvd<befn:dlp>iear,nre<tcdesfinoant>ce<sd,ieacnritt>im
apse,<jkcdobrdl>iagoe<m
yrs?tldem
,sqtr>renuf<costraesmrinnapc>itdaoesnl,r
iBceuraai>bm
oeod>le,rn<tceailpetcn>pda,irg<gocinoltdaesos>w
>e,lulaa<ysm
snu,fieoc.s.hTansC
oeadecntobim
v<dqorH

l
d
l
f
d
i
i
i
4
0
1
P
H
T
M
L
t
t
t
h
h
l
d
l
h
l
]
/
3
/
T
R
4
0
1
/
i
/
e
s
m
r
a
e
q
e
a
s
c
e
p
a
s
e
n
a
e
s
p
c
a
c
n
e
t
t
t
u
u
p
o
r
g
m
n
e
m
e
n
s
m
w
w
x
:
.
.
.
.
[
i
b
l
k
>
>
m
a
r
q
e
n
u
<
<
lanom
huacsneeafvocngtitvedaxo,rpoquqeudepsseum
teaopgdlads),oprqoleurm
saouIFpevraornasiieceptaanm
es.Sm
pioqruseiseqarusm
ailrolptsa)drysntiruvseevnri.ptaarnm
m
oesodleesqtuanrea.tU
nfonragm
m
uairtev,
llaPSqoognernseaautiehqlro(utcse,tbanqG
ddreoiu,cs.ph(oirnlsivecneja,vm
yibm
layqlunneavseggoaudsirobrcocenabslioansnocollsm
icolsrtaeqm
M
psulaotrrtea.gnPlaoerdhejaocrm
erplqoloub,eiehnm
preosg.nuPe,ietanssaoqbeunreqtpiuaenenslo,qtpueedrosserutanqpluainem
ntisllohadaecglon.rfidgeunradcoirnpdefiroel
u
y
.
E

btsdoexlnqQ
b
f
d
d
i
t
ccuiom
n
s
a
c
o
c
n
g
r
n
a
a
y
u
v
.
,
pbr?inm
Q
erbos.iua,nroslevxctoadrecosltbeixm
asbiao,tdpm
erboiynaselocvelgrouadrestl,fqounedoc.uAe,staondeslgaure.Lsla
uadreopst.aElnov,escrtm
nqpureais,enpuctiolfdnac:esrviaelsotbpcoalnm
oacernm
Todslocolresform
TM
Lyotrsm
anpartedldiseo.N
opngaslgunosm
edianteH
edianteCS,otepasrel
Las cabeceras

no necesita atributos

Conoce las etiquetas HTML

No uses

ni

Colores

Si pones uno, ponlos todos

Todos en el CSS

, ... son para cabeceras

balyem
proH
avarionst.eProiore.jm
l
d
l
l
(
d
f
l
l
)
i
i
i
t
t
t
p
o
a
s
e
a
s
r
e
g
a
s
o
n
e
q
a
e
n
s
e
n
e
m
s
o
c
o
r
u
v
:
,
eemm{{ccoollrr::#egfd0b;(2}150%;,}0),;%}
big/TaRrpleC,sSym
tln#
oilnBcaedlenlh0oaem
s5ea6el,ncctooilvenruzdesedvbaei1leo6lnar),.edaLseupn0cqauifefcptaiarhnienscaCqdlSuem
o2a1ni/tsqeylunodsafiatnc.herm
pom
acdoosyr.cupLneoiansts]ejrgcu.nda
Lqaut.w
ecsotlTLaedpnorifem
odsteor0alteesfxRcpG
c[shoatilbpe:/.row
edn3rcoorm
xpba#rdrtfeacdy(i2om
oesopcional.H
ayqueponercolr:#07f;ynoclor:07f;.
N
oYodtivdosollasnim
aveggeandosreesnldaossotipporst:an,peroparlosques,hazquelasveanbonitas.
N

l
l
l
h
b
i
D
t
t
t
e
c
r
c
o
m
p
m
a
n
e
o
o
a
c
e
n
m
s
o
n
o
v
x
y
:
.

h
f
d
l
f
l
l
i
j
i
i
i
P
t
t
t
t
t
s
a
s
a
e
n
a
p
r
n
e
r
o
o
r
e
m
p
s
c
o
n
e
n
n
m
a
p
n
a
r
m
a
m
a
e
m
c
a
o
a
g
o
x
u
u
u
.
,
,
,
N
d
b
i
q
n
o
p
e
c
r
s
e
c
o
p
a
a
s
u
u
x
.
usenptarapbliesna,apciocruellqucsioenrtem
lap.isctaarsehalay
qviudTN
eao.tdrnaclruqaseim
pigocgeanqlm
piadgore.tnCa,opneCrsoSyehnlaoyssm
qpuecrigdaelnrsaltserqnpuaoetisveonnaelcuonsqam
uriseoennptueydaspinvgceionrm
ltolptgsaeerocnnuatm
istproeyercntubpadoonerietvases:lpo.e,rddcoem
H
Lrcnoisoznvqauseuroyrdeecipnfytlom
t,isapeivnPgrN
ayO
pdPSeciourlcapaanfism
seo,ntG
cszqbadousseirtttrhaoalpdnyeiasszsrqodtnuieeaenclptgslisqraudonlgea,oesym
m
aodeinlltuoartpa.m
sor,i.neusm
paildaotPrsrpeN
czG
odno.rSm
m
yarl.N
l
d
l
i
G
J
P
c
a
a
s
a
e
u
.
,

i
t
n
c
m
c
o
n
a
c
p
r
a
u
u
u
d
d
i
p
a
a
q
e
q
e
n
m
y
,
b
o
o
s
.
ipvnm
C
1am
/gsud%
7reEovnclauodspim
nupsagftr.oosrsea/e(pPnuinbm
c.fhG
ubnN
:/]lIpnFe,dsogBpuihnM
oem
rare/pqoujects/oadpngs/]
.cN
,m
bseafao.uglridem
b,arTm
dIoFp,itvc,oTraG.eAd,b.um
G
Ioncd[hFetaptn:o/iilw
tCoXuanc,dugaG
tIuornyhfaabonrtteisnacyuqauditeoosAsyPadN
sdem
rLasl[hoidtepm
e
enrasyPbtw
aeeM
osa)rsonnse.m
rpoG
ades,a.vodlsedM
m
uo:/w
Formatos para especificar colores

En hexadecimal llevan el

Imgenes

Cundo usarlas

Formatos grficos

l
t
a
nesrntrvdga,e(et"niov>do.sqaD

l
l
d
d
l
im
i
i
i
i
i
TarrdEslogundteaenadxsvlor,eogaglaxitm
t
t
t
t
t
t
t
t
e
n
q
e
n
e
r
n
e
o
a
e
r
n
a
o
q
e
s
m
o
s
r
a
s
e
s
a
r
o
e
n
e
s
a
c
a
s
a
m
g
e
n
s
u
u
x
v
u
u
v
,

d
l
)
l
d
(
h
b
d
l
i
j
eim
ncom
o
r
r
a
s
o
s
p
o
a
g
n
p
p
e
m
p
o
r
o
e
n
c
o
n
e
o
a
u
v
u
z
u
x
,

b
)
d
h
i
i
i
A
t
t
s
a
s
c
m
s
m
n
r
a
n
n
g
n
m
a
g
p
o
m
s
r
p
r
q
s
u
y
u
.
p
o
e
x
.
h
l
l
b
l
l
i
i
j
l
d
i
j
i
3
"
"
"
F
t
t
t
t
t
a
m
g
s
r
c
m
a
g
e
n
p
g
a
o
e
m
p
o
r
e
m
p
o
a
q
p
o
n
e
r
o
c
n
e
a
r
o
y
u
u
=
=
.
,
<

b
d
d
l
(
)
i
i
i
i
i
t
e
s
e
r
a
s
r
p
c
n
e
m
g
e
n
q
s
a
m
a
e
n
n
o
c
m
n
a
r
o
s
e
r
a
q
s
e
u
y
x
y
u
,
laplorbatianm
gepsudelnapegviunradlte=vb"rn.t(lievclaore)u,pnbruoenlactrsiobuetsoqau,lets.iLaspirm
ulaTpoesndraelxpsicm
xarolgessncporim

d
l
i
t
g
e
n
s
e
c
o
r
a
s
o
q
e
n
o
a
e
v
u
v
h
l
l
t
a
a
q
p
n
e
y
u
.
Saligrqun(t,im
poeasgrone).lpN
ruaotdsnephm
oa.rcsetnacori.m
andcreitoncrs)nbyauqlteixm
uepsouantleir.uloadtreiblaute
epranlostqd,cupeanlidm
soa,gtiernvscqom
im
lpatgre(vnsraldgpirutnafdcorum
tN
eEaldttieriulbnateoism
Pon siempre el atributo

doorigmgansdrec"="tiimalgee=n"3To.jdpgs"aelto=s"cablesmolestan
mstuycPElhnorv=eey"jzhcm
udiepgeuhlsotts,aa:<r2ni8lmod0gsepxasl;tirrwcimb=ipud"titomrsa:g>2hee.1n0i3gpxh.jt;p,gbwo"idratlehty=:"bF1ooprtxdesdo,elhiamdzibollgarodekcn;a"m
<

l
d
l
d
(
l
i
i
C
S
>
p
r
q
e
o
n
o
s
r
a
c
o
n
s
c
o
n
e
s
e
o
e
u
y
,

lnm
l
f
)
jadeoVvlotam
i
i
i
i
ogsbm
ridea.nrotqseuxphaeclbtm
eon,aevim
rnydoanetcsthdunelarrgm
n
ugsadinorceaso,ntzodcarslaorevectulaam
.pnteasn.dSeisncaorelgjpuolntaeism
s,ypcuhseodm
arduyenfculyaodqriutoel
,qupaeogrqnuepam
quesidbgujm
ypaglrenim

l
f
l
b
S
i
S
i
i
I
t
t
t
t
p
o
n
g
o
q
e
s
o
m
s
m
p
o
r
a
n
e
n
e
r
n
n
o
e
r
a
p
o
r
e
o
s
n
o
c
n
o
c
e
r
a
m
o
s
a
n
s
p
g
n
a
s
e
u
u
u
.
.
,
w
ifnpoarsnw
trsanc."gulaetd.ros,/l]anrsqd"uenilafodim
toecn
glber.gy,aosoctlher.nss/lareecpqhau?qse=
nldrhopnaors].leaYcshtpodrgem
apndstore)na[hpcltube:/ndw
reacinsjuenm
yw
le[hantsGpo:/aw
Tlaocp(ersli,tm
ctrei:bauleSsGcpAaEngdsioace.nm
e:clrbum
h
PsAionqroul:a[hrtpz:/nw
t/lgxicao/nd.hem
tul]spenladcesv.N
a.tdenriolc,em
o
a
g
s
c
o
s
a
c
o
m
vigntla.coem
:

l
b
d
l
i
i
t
t
r
m
r
r
e
c
n
a
r
a
u
u
u
.

d
l
b
d
l
i
i
P
t
t
h
d
l
l
d
h
l
]
/
i
/
i
/
e
s
e
r
m
a
r
c
o
s
r
e
c
n
a
r
a
u
v
u
u
u
t
t
t
p
a
n
e
c
m
e
n
c
o
m
g
c
a
n
m
w
:
.
.
.
.
[
salpgorqcuandotbunseqin"gdenucntionqatueral".qesgaebcudoalguienbus"aqu"enGogle,sinoqueintersaque
Ese texto que sale al pasar el ratn se hace con

Usa el CSS para la altura, anchura y borde

Enlaces

Los buscadores los visitan (tenlo en cuenta)

Usa un texto descriptivo

t
t
a
r
g
e
bqur,nsyeploaedupt,s.eanrilom
tnuvyaliqeonu)(,saqoupesbdtachirsp,em
o
qcnujoeavm
ceaidsquenplacgdein;,l.sac)b,eym
etinecsltrm
N
ioslegu.sStoia(nlvedisoctlandem
m
novst,ielnaom
saelbjorqaudm
staens
itpanuancshdenaglpvaesntrqlounseu,nlpouseedlnailm
izoelongaU
H
acecpenitsdroanrm
os(alcle,dvm
aconon"Aesluurnoihbaredtnfir.laeH
cG
esaiynteocvam
notedjaclu.tnarvuengacdingpoJravlSocsrvipt.aEnstoe
hquN
lseuR)Iv,ys.hina"ocpqum
ceaosyqcuupeesgm
sestLrausctnbrlatescb(<ustalarbri,lseo,>sp)epro,oclarsgsvqneucizeasndooncneofccilesnaryCiScsoleluanm
o
sIutaaesnr.nPpoatr.rD
cjebum
apslqluou.iaerrplucsoescaul.anfdm
N
d
i
t
t
t
o
e
n
s
q
e
m
o
s
r
a
n
o
s
a
o
s
e
n
u
u

b
l
d
b
l
i
t
s
a
a
p
r
c
ood,
a
c
,
ccoorN
eRteuc,upycoanrnloddes:naucnieilcsoapsm
nantrvetcgeunpdtaroraey,ds.patolisectearnsb.osArtrdugecus,tnorsavetpzabhrularo.bjiedtosq.uParntoedegsoestelCuSp,gqiune?Ysm
n,ucohm
chsc.m
frilll]eat>sao,np<clotrgnbm
ndSlirinsm
aeisLotnil[ea>hln,)pes:t/iw
qqauusteert.bw
sval3spopum
argr/uaTRdyhelastxm
s<etncdhbsa>vra,eer<gcuaandppovtfritiseicosan.>zlaoH
sbni,lrtapeirlaonlg)sac.uenpciteonis,dnede
uodegeca<li(tnH
E
itccm
i(osnudayllte>aos,,du<lpntnsaarr>vp,u<qeggtudaihend>al,or"m
paoabm
naoTpb.ctplM
rpclg4ai0brc1eq/scutadurbceaol/cqtdasuubep(e<lavt.hvsabm
cy"saeopbptrcaacnse.)r,Aam
b
l
d
t
t
t
>
>
>
a
e
r
<
<
<
daecisonf,rm
aprateodrnladise.oysehaceonCS.Las
liswyidtuhs,netiqheuigtahs,cnirbeosrpdendcioelntr,snirbvaecnkgpraouneds,tnriubtgcroallr,.infTorm
tabN
o
easltesanqtuiecuanduo,paeprogqinuaeraohesacgribfaltunppaortci,lpaoprqnutealnaenvedzohsa.bElocyoanloalhgaurienelquuseaarnio,assiegtuernabunqugeesitboarnde
bveieELntsoa.tnoysram
iedoqugpiram
m
sidtem
sitover,oeldim
pentsilon.ryoqguenzorhlcsevfta.Aunquesuionuelhacrdi
No especifiques destino del enlace (

Los "enlaces" con JavaScript no son enlaces normales

Tablas

Casi no hacen falta

Estructura de una tabla

Ni

ni

Frames

No hacen falta

ni

necesitan atributos

hEesvlobasu<r:ofetrpcanaumoe"sAsdiatntrnp>egs."gutiaanrerdldm
M
ucdN

l
d
(
)
f
l
d
l
d
l
i
i
i
i
i
"
F
"
t
t
t
a
o
r
s
c
m
e
n
o
s
e
g
a
r
a
p
g
n
a
q
e
s
e
n
o
s
n
o
a
e
n
o
s
m
a
r
c
o
r
e
s
v
u
u
v
.
,
N
l
d
d
d
d
b
l
l
i
j
i
L
"
A
"
t
a
g
a
e
c
m
p
e
c
o
m
c
o
s
m
r
o
m
s
o
c
e
c
a
r
s
e
a
e
v
u
z
:
.
,
l
b
d
i
i
t
t
s
n
a
q
e
s
a
s
n
u
v
.

f
i
i
p
r
m
r
n
p
g
n
o
n
r
a
m
s
u

le[hELD
b
d
l
d
l
l
h
h
b
d
l
i
i
P
tdetgacpsnsot:e/ibw
n
r
s
o
c
o
a
s
s
c
r
o
p
e
o
e
r
o
c
s
a
m
c
o
s
a
r
o
s
e
o
r
a
n
s
n
o
a
a
r
s
e
s
c
r
o
v
z
u
v
u
u
y
y
.
d
b
l
l
t
o
c
e
n
a
.

l
f
l
l
b
i
i
S
i
t
s
c
a
e
a
s
r
p
g
n
a
c
n
r
a
m
s
n
e
o
r
e
p
u
v
z
u
.
,

)
l
h
?
i
P
P
l
h
h
]
/
?
%
2
%
2
0
%
2
0
%
2
0
%
2
q
p
a
s
o
r
q
e
r
o
m
p
e
s
o
q
e
s
m
p
r
e
s
a
u
u
:
g
s
r
c
q
e
s
e
e
u
=

.
.

d
d
d
d
i
i
i
i
i
I
t
t
t
t
o
e
n
r
n
p
g
n
a
c
n
c
a
c
n
r
e
p
s
e
n
a
n
a
g
n
a
y
:
.
,
l
l
(
l
l
b
)
i
i
j
t
t
r
c
a
o
s
e
a
n
q
a
g
n
o
n
e
s
a
o
m
o
s
e
m
s
c
z
u
u
u

b
l
d
d
l
b
d
l
d
i
i
i
i
I
t
t
p
m
s
e
g
r
e
s
e
a
e
n
a
r
c
o
p
e
r
o
p
q
e
s
s
a
n
o
u
v
u
u
v
:
,
U
R

d
f
d
d
d
i
i
e
o
e
r
p
o
e
r
n
q
r
c
o
e
r
c
n
u
u
v
.
nbest.aleItenaentderporcom
pletocadpunto,porque
bolvueacthoasscdpreeguninqabusielq:daesgtrudvieasnqtuoedsbetoesvaitpretnsucow
sonH
pLoasyronm
rtresalqnom
d
l
d
d
d
l
S
i
ttyurnca.aoolvipzcdzegnrfhailtjadposyqrnuti.easeLm
t
cSiaasm
ruvpepaeslzirusdultcyan,onpaesiiep)lom
rf,m
qryadugqeeunlhsavz,iadw
n,dqopnourestsiteadaonlnm
q
e
c
a
r
g
c
a
e
e
o
a
n
e
o
o
uilbneoprndleasacg(pcim
yyeavulbloinem
u
v
z
v
.

d,oseyngaasirnnoccitqoadl.rusgeevulaao,lsim
fpm
l
l
i
i
t
t
qhpH
oPnedpefurnristcaqpm
c
s
a
c
n
s
m
s
m
g
n
s
a
s
uD
y
d
i
s
e
p
r
a
o
o
p
e
n
a
e
q
e
n
e
q
e
u
u
.
N
l
v
z
.
d
d
t
q
n
s
e
s
g
r
a
q
s
o
u
u
u

b
l
i
i
t
e
n
e
r
s
e
m
p
r
e
e
m
e
n
v
brcadoesi.recioes.Eom
eslvaecnotteajs.am
alo(lacnatro).Alos
dsiruandirpeginaenolsam
soleaenom
vN
lipdgtoum
dsedploinncrtdatrdeaodsls.hcm
te/rnjtw
oSinaeeU
sIcnciam
plsuiStyeurenvsrancipncSedatdiabrsleeIpnltcm
nguinsiedoaresinecm
pou<nstcrlelareinw
eaesjnrnv=cao"rem
nfiiscchaPpedH
prgi,n.joasgsC"i,nG
ahtIa.y.yEpPvlu=aere"ditovssxdm
raovdeubsnsc,airteiponpdtgq"sin>ucaeonm
oangaleolusm
en:n,quet
levN
d
d
b
a
c
.
dcsCPopdengrmistoanrutyJna.pwlverqgoiuSacter.h(ipP"autye(qqdihuaeocserrpepm
diggoiacem
"ge),a;q.ocuEbesm
ttniaup.lrdChoom
t(eyaohqd.utyivspaorlce)ugqnaetm
oarsesnm
rqupoeanghcale)ue.ndAafroq.usem
situadnlocensavdega.dhotrmaeldsp.qoureelno
G
d
llodsnam
M
tnsa,ylocsreuasnaqruvisoeim
cdniEoqsIrutsctieae,srvonacsyejqununbsotraiif)lov.ceepsarbndueselcntasindlerom
rue.siquaneoIintsrdapareoxfn,am
etuanspq.Cgleoim
a
n
olsdnrsoaptleropbuleehm
adabinsesrdtpealudosibraubeanim
yalglopphscrotae.m
ygduearjsaccgdueosriiebsa,lvdnidoadtr,e(nygalno
phqcouopn
eeyxuirm
Inconvenientes (frames are evil)

"Ventajas" de los frames, desmentidas

Qu usar entonces

Cundo usar frames

dJtooSnicss/rtcpatooinzJd"asrpvrquoult/tSEeaccrvm
liaprs2tce6dqso(u.pnhbeW
Segda/]cim
cA]iSn,Vfcdqarouiaw
c[ehictsnpns(i:y/cjdaoev,m
rac:.Joim
pArgsVt/ew
em
m
Eelr.suCw
lifktv)s/JtScunrsi.pdtal])er:Jn.M
hilc[novsREpase:/tcw
sndM
eikcroAplM
tsm
tJm
cuiobnrs.deaa,qreyiuisnedM
r.JuTcaviyradim
oeeSsxcpa"tlfo.inrgts/paoner.sbodPllicauarueetm
SgcuraipjhetycgoVm
BnpSlcesrtiop,cusafndopearcon
rlevnui:dcprhosrtiodw
edveb.jroaprsuqqedustreapaobnlngejicraalufgosrm
nravlieddnoegruqqaujeeitncorodam
lssnlPooH
hqiurteasperigneuaalr;ey
tnesgsiu,paojodetrr)q,aushcoearzenipsloh.tsapcdrieosngldaom
snlaesrSSviiqdpegnoertn.uasEasem
m
rdpveui,snotaaCdnGrIejses(rcdeutecailrboqansuiceegrllm
hsboletaoqjcqunerurescavlionithnearH
M
asdtrbcoisioh"ad.neEcnlpeatciornstw
aeerm
qfbaupizsnedzcnyaeourm
sldaoeavdnep,ncu,ytreyaidbelsvn,,im
peslo,
d",Suoeayslvucecdutaa.irnTxndalooruectsnaefm
qpdsueYrrCeouacavlhinecqdon),orjugeysanahetisnftlyoscr,qapabhdeougyiduncasonayrJsclcohaovrspainyStcvsqrue.iupgntaccsuiearnm
ca.sPielolarcseidjom
yvlgTm
urn.atdoLcseho(acCsroSm
deenhacJeavrcSocsraipti,m
inaale.sSodnesllogaprarccaodm
L<a>A,osfcsoqm
culridpsetiseum
naoprsrh.eua)nn.m
pasreegscriantdebdlesqpuaerhavyerfboirem
nalsanporgm
pselecm
nint(acroynhloasceernllaacw
ees,b
m
oniratodm
deCm
eloiqanutehscrexptslicqaudon,aevsfgacdilohraucserqaudenaow
pebrasedvrlabuiencdigtodustlro.navegadores,aquenohaynecsida
drq3unCevseurhteoasdpnhsceiyfpaoocreitantnrleaoghcunatleqcduhieotradnpoiucaelm
deuncrtedaoM
troFdsn.idenatracl,roism
seluagtintscoepSsunW
cdatieflnsda.tcairnendsalIraS)O
p,puoeW
p,aycrroogm
apetm
sdina,o
uunb(liqoaurceinso)u.trLeasspiom
EEelsFuneyaasrhit(oeslncfonyreopm
qycouem
dSouensnctlabrpaedsgqiucinoat.enasPem
SnnihtilaeupcqahursaCeneSadriprom
clSspiFsaoqrahpueH
strstLruov.ceastPoeqrxuliopcpFratlordiaonescthednpoiq(Cursem
cltvecannpptveoraiscalrtdielsxcspo)m
eppnohnsFgtcdliaenaerrshcw
,locdenm
hndaVEdseniaecrtoilolsaqnyvu.eCeM
boisnF,cltyuaetihsied.nom
m
neTvliM
n.arpugtolredsuam
qruoe:jnolrnCyvSescreupslrqhuadecoenjas
JavaScript

Mejor usa scripts en el servidor

Los scripts han de hacer cosas cmodas para el usuario

Que sea opcional

No hagas browser sniffing

Flash

No es para sustituir al HTML o CSS

lBeam
insapur.m
G
edopzairlntXc[dhM
om
goezrsilftaim
c.noodgs/avrqeoj(ceptctuosr/idvagble].sjvacornsuelH
csheabotm
ad3loCec)suyapdesort,ynaqpuoer
urbnalqosuM
loaruw
duelsW
Ltsp:.b/loEw
3.snotreg/TsRlnSaVVvG
/]gesndm
sgprTeM
ciLfoysaCvceSin,p[hritolbe:/asw
ejosptAm
w
oa,rtseJqiaum
eFsl(aCsehS,
TeTM
H
M
LnLe,rvyliuldscoao.rnTteoldpiduloogiednedm
nslitH
E
niPPptnigoeerenudsiaasole,qpnJuqxegvprinauSstacem
hgm
ic(m
inpugestytabi,noFlbooldparim
rdw
vlnCnoSp,tode,.rinpnet)uaranJsdeqvelpupaeSsrcurqgilulpoionea.ts,dpelercciFvo.ul)nlantsTgehop,adiadguoinneeqqasbutuesbllacoirsepneaeuctsardetdrasuinsboctlvtitecreaadrss.adndoeeccM
d
d
l
i
i
i
H
t
a
c
r
o
m
e
a
g
a
n
o
c
n
r
a
o
a
y
.

h
l
i
Fm
t
m
aodcheopcesautidvspqaurdlpfosctqu,azdnofexpm
satrqvuniorldeosSW
m
c
o
n
e
g
o
r
s
q
e
p
r
o
e
s
s
uisnopcahrltodn,ipytrm
u
v
u
z
,
l
h
i
O
F
t
t
r
n
r
m
n
n
a
s
r
c
m
o
e
n
v
y
.
,
,

l
d
l
b
l
i
i
t
t
c
c
n
q
s
e
u
u
.
dgoneabehdr,sm
Cgem
apgqaFounsrlefiq,m
aushlteac(y.iqsoN
opudnecsloyrvuedm
sicditefjscro,piclayalnretosg,m
epalsbcdniraerinboag)lpg.uatfrenxrm
oiqtauscselinalnarttgeseornisam
ndcoeorltesm
ncuorcm
,tuaesnbadpooanrpueacraicdihohunaam
d;tceppiraverFolsanetsehdo.aceSiusltodsee.nlCoH
iusapalcnrboiw
paqnuari
m
sahTsotiM
agrLaeen.m
sScsipulrnoedhsioapcohieasw
ho
bngiasncaolsgaolm
O
tTernaeccnuoelntgaaqpureonoiettadrios(tpieonrahporluag),inpedreoJm
enutya.im
uavy,apsoteqnuenyotpam
t
p
o
r
a
n
e
s
.
fri,socsdhuebnroer.fdjecndtroa",dpoisrneonciapullgbraonaw
lrm
ionestbvd.,aPneam
o,m
qlnG
eddospcam
ruqptulidecranesdoloutsrapdroogidsm
agspeodndercsirn
tsa.eojrpledanrrpsyc,dhogesagFnrcclapir.,houesb.jaearlvpiom
trinlps.arEcogavlazm
evbd"BiorrnES,jilcaytJsatcevlm
efatiIbFcsihdeialnrsnopm
ogjlarecasrtm
pdiuenyrle,ctpjsoeom
rbtaipc,rnoogdsaelm
anpaqdluiceaindlteurseacatm
rivioeoj,hpraogenlJalvegno,pottrrasbfeorjrapm
,oyarttdoabylueenvaita
se(m
allJALiuadosvt.pq.aElurseo,ctfpearm
pcuaasenisdociuhm
atelrqcasuciteirvnopseF,olugnsrhaam
opJ)a.leevstSqdcuereJipavts,ienstteorapbciteinvo.c:Sinsneacoesositm
Ha de ser opcional ver una animacin en Flash

Cundo usar Flash

Java

Cundo poner applets Java en una web