1. Internet

eeCbom
nnaútiseurasm
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,esoiáyb.saullioconqjducaem
nbr"sitm
auspíi,dereusntam
eiznTaslrM
oenqdjuoaernsea,l
Em
w
iptcneoám
eN
syroeTervúM
oevm
oosdr,Latpq(m
od"eipoapnerH
oócL,ónqm
gceilbonbui,an[pshgctuodpIe:s/nhlctaeom
rnl.cloantsidilEaersxeácprnuoliatcb/lsaquuoénriiecahrló/ahectnm
oqgul/uh]e.)a,jcsneintrim
uxlpaLi,m
up4ale.oie0rzo1anpvSdeororiátcs,qntaqpuauáew
tSealnopccóerw
loexr]á.,hltim
la]d,ooreesnPDF[htm
l_corecto.pdf](pensadoparim
e.soghnU
sErdatbiláguespe[nocH
r#
soaTgtM
eipenLcráalgitidsoq]onunaeespw
ondldt]odjunstloo[junntaov.hegm
prim
r).
EldoCIdcóeu231am
[qliounddbieesx[r.ihnñvtdm
4AEsct2511á...ensdibER¿SaQ
C
S
qgiaourpeesst)ordváslido
louian[dc#
isrdcebaiop]ér?gdoetsre(ynlem
tntsse[lebm
r2relucsdpoipéanw
n#
shsoeahticbelaán]aord?vm
inrlIolsotahsteeinrirynasstleoiqEum
V""ELM
atsoápuffneliidaancnosroesevgada(iulm
4a689357v..egaAQ
s
udgooaiéslceeepnrlsm
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]?puárgisnw
largoíofpsinIEueaetpdsoánqvcdueaurrneb)sislavcem
i1.¿"N
ioscnrlgim
ttnñm
nEQ
gTáuoM
oéchfLae[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
nrfnáecceioiósldseuanrcH
ssbaLeaH
recrTH
2468357..CE¿EExuósstm
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
e¿CSTsóM
cm
dLo?,¿que[h#
vaey_trm
sli]ones?
Cómo hacer buenas páginas web
Septiembre 2004 (actualizado hasta Jun-2005), Daniel Clemente Laboreo. Licencia FDL.
Índice
áni_docolqesaseput]éjijeorsm
C
m
oCbSi?narseconelH
,drnypvleccoeoósrm
¿sVPCFD
CS4265351...[#
bCoaóarurm
T
M
L
dedteap]iebbqolaurstnbea(aw
dO
i,yeenntoorden
aletotL,rea[d#
cbm
rscoelbnD
sm
exCcineTúpYsPscipEoulnlaaezs)m
Co426351n..sejLECLolsasoetm
H
TpíruribbaicM
h
tulsíáo,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&oánzboxaifdpaste;se:t<axpre>ohsaucenrtm
rsoázrtgdenpságina:<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#lrtceollrarteósnsehaceontile
34231á..geECFPEnousernáhm
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"iVpuceetáéhn[#
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
lCuoaásden]poeaursopucFoltainsuhvearlH
fH
CaScióneFlash
Lnoim
Jav1.[#
jCavu]ándopnerJavenuaw
eb
icgáuisóencnotm
L
apeYrocsucaanrldqoucteeirrgívsotsieicnaastoddeesu,nbm
aew
eprobdfieireonnacrtoondsetrsu,cidnuaoassqoóunlioelrassem
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
í
lsáqgueuenirpsaa,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
.
,
dberáldss,)cqs,fertiñaiósoneed,svgyluetargotw
lpaso:
ocoor(ltrenasa,ypvidcolazm
sudirw
qbleo,sqtiounuptcriauetsno,gclqyu:upiaqsrusepcpuonrcdteaall)d.isáreño.puEágstouc,qnsaivtpegrbnodolsevm
vresgtserx.ludQ
b
d
qu1cLi.aqncElsv(er.iópbaluersptcaovrsdiiebapnlaH
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
.
,
,
,
áeágisnidcoao;se(a.lpraaslaoh2reapbafreyaa)e,nlsoditsieesñcnroi.sbSeqiuuaenlgpduriieseonñcusoepapnriteCerSdd(le"ldhidsjieasñeñodoY,svesicqieuove)dr,satae:lnvietlzepcanasnuos1f:ccdohenlrduoisaeño
ntesrgouroact1tqvee.urzsiepadcarsybaeñlcdolirntm
.eESbillaU
2w
p
óM
dLigy,oCH
TS.M
Llacinsqscrbt. ,
puM
edásacdrelanoetrxpilnctoenquéqusetodreH
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
rLeáN
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/téTtpRie:ehrbnvtm
/rli].w
clrifeepnnágatvgacidsroaosem
ctnovrLgam
oTleM
steLs).
yT3eM
.oincdw
Ti,scp[M
/.u]ep(sneasvtreqru.saiieseclocrnóedóuigcloóevdsaitlgáidon,adpaeenrH
sonpoo.fdnShiceíaiavgsqllisuddeair,otecdleaisóhpsnerlrodpbaam
oudlanoveelfm
ebeltW
vgcahansdletgiorrduajsáoneartbvduieernH
aoailed4den0ts1ofH
C,porquetam
saw
on.ter3sle/ncsg➈uvaljideg,toynr/]sitenodCilrSác.qounécersopuedlsveqautivocóadrtigeoa,lyescrnibelov.EelrvaoideasorqdueCSscdorelW
3
é
b
i
t
he[ltoCSpisS:/ljqaiguew
c
o
n
s
o
n
ivadyPoH
tsielnom
pvsreodtginam
srIáq.uSeigncalesJitw
eitCvaG
ouchaolqm
uestnrdsougenbrlosdginuqtejrancotm
vaenbSh.aicpetr,capáluetosJ,aev,m
ueijorstiaecojsacputranceida,lyseprvuidoer,s
Ideas generales
Una web se tiene que poder ver en todos los navegadores
Separa el contenido del diseño
El código HTML tiene que ser válido
El código CSS también tiene que ser válido
Scripts en el servidor
isaw
Lodeloscriptsenlservidoreslaúnicaform
adeasegurasequercibanlaám
eb.
S(Yeehladbilsem
asm
uño,cphaordeelaqcueesqibuiledraa).yusabilda.Sontem
uyextnso,perofcilesdenteder.
lqTeuM
cepTo)M
n.tPLeoyridttaoonedylcsd,óinsm
eoñntoih.avnPecugoeqsdfbgrieensst,adurnonteiaselcnpoudágedninH
aroTedM
suaLtcr,náceovsdibgelesadcrsrigibo.epm
gaLryfváaeceilsm
uuenednúsH
ldoo,bsnqeisuteslcnarpiw
sftudCcaooim
nhstecbaeildy.cqooun(tearqelsuienw
ebqeubndniH
stáecnatsia
bsqn,lulpindesyrecolaotqnlciupercetsdis,bim
loáadegecirntnocqvreusrdy,leaoyspsbpauin,etqondu.lgPaolo"a,rvqeujcem
Scaitceosrm
"m
gEgxoipnstlrauiesgcpéanalntrdusseipm
s(dlruoe.,nospcpureéoddsgicneam
lodpetnraexsorstdqeoufdnceuaasm
deucqaushsieitar
tsapm
chuhonagyO
noalevendotglrazhrsaclnsteedarf.cPxsapoem
ryllitcbsaipopqsuderenotlloa,stsrndcpoi.eám
nm
udrteonhgi)aow
drsw
iasceeiñbóoún,sfoaG
aehnuvtérraom
eliCdleSttpucx,inow
ogtoursasp?úarnSifsolum
vJvoardiStilcre,gepssdtc,carinietgoo.
á,gqpigsuneoneñrasto.,pnairilnoscvlcuuisem
ñso,"ren¿onYctieparnium
irdnebdqepstluadhrnisocnesaeñtñndrot,reailnnFusclpooarneahsfcrul.iioco¿bgtEpadnsuecl,eouddnrsnetif0láoqa'dc5uilspiem
eeCnluAH
sm
gtreogníds?icqe"nal.uvardBterm
aenlolpiásm
uarslne.olfíi¿ppdcQ
óh.daibler/sodb]r(enpácgitnaláse)ypecnialm
iln[thepc:/iw
jo1s.0en,ste
eartcohfeirnc.om
coCnAseG
bréoe.ds'm
LnligN
/tbroaáy/s]bpuarenoslW
veanlitdaoireBtobdys[htcpie:/gbo,yp.w
lcnaersitáonspdeartá(noqdusateraensdpaprueo)ddeuscstelrm
d
L
oneU
e
cotom
pdcenlloicaadsíeogeuniroatsrlehsaoccaem
pratlogsm
ueernttosenquIetedrannltoessdáettaoldesm
utécynicloasroy:lasreglas
,o.epSetrno.dpocrusm
í.uepieqidcuhoeaW
di"tgáosnstdaádnerdienbasdraa"rcntoui,aqoldueiensrdoendb:loerH
diu,noeD
l,uoCtysSrfla,osbsPa.rN
dPúe,nXa"pM
i"qLaclu,ógm
idocGay,nStcO
eddajpW
senbetl,igeaunleiddlaosnsaqsuóeem
sceTirM
aSoVqG
rteO
sspM
eosAm
r.PLo,artoeojH
sTlm
ecpPtlo.orL,eonsosipeenuteod,o
ym
l
icEEnsntroilqm
edsoetU
nuem
psoio"rgtlllaodrncsqtW
n
r
e
ibkoípssda.lorg/w
ockum
pr.aioocdee"itngcnléol.Agíaeptroipietarei",sqauesesllsaqlaueno"rem
staálm
aenrts
fPoartsi[nhot:e/hhs.aw
fnt_actáúon]nd,are"ptseánludaTrie"srteáa"ldo,ncitnsa"tm
ie/D
Accesibilidad
El contenido ha de poder llegar a todos
Respetemos a los ciegos (y miopes)
Estándares web
¿Qué es un estándar?
áols.Celabr,olaquoregtaanm
bizaicéinónhaqyuteéhrm
detáinosd:atreecsnoleglíW
lorldW
iacenolossm
iciaddesa
adeoEpnitaesl,ucnaoasoegxrdpaelniInctodem
prnatñeyír,oeycsnpocpcíuifieadasm
n,eetuncts.a,rleldoessdarem
e
a
s
e
p
x
m
s
w
C
jsadgiueoraralsqo.usO
W
tea"r.dsnetcáIsnSm
teloassiga.
hcos3iCspnt:/árow
3gcleom
pO
rp.obrqjuosaeas,onqgusterm
nnpuoeidam
eoLersotgVbm
oaenirdiázasnoqup,renatisulrm
udaeorndIdEsa,TncFipom
rsngita/zn]"(cslW
,socbrvlíigicatorioyn.m
.aldehasrarw
[W
3eiolstáCqrenu)sd,qapcruoesoah"bbalqociunm
qnutsecI"S,pO
tlagsFSuiínjelaouttrrhuaelpcnm
tesem
thro3teC.tpéeaccyrnniohsloaegbsíieanr.ounido
a
eissnnvtoeadsliem
qqutuaaeelnpsdcíe;oaiasif;e:m
pcoiassetlrpá.eronxgspm
rlaiem
caodnm
edoo,rensedsm
adbrielápensaoivbgenlueg.im
raYdaloa"rs.eYisnlw
rqbuaucsle,eipohunnaenm
sludeíedloocfhaseblritilcesotasánnntcdeouadtlrpeH
práLtnrodsd:eoul"pAcW
uadTnM
N
iaytTerúlM
isisaprefnodim
Lo.nilSH
TTw
M
todárW
qPH
onuacuvhogm
aste.l
uoTAréM
uápcLiódacogeesldcretiibosstH
bM
inpTsoM
iebLLycov(rleáqtcsuo).hEslpm
edcLom
gH
cf,ám
sen.3cCil),otddeoloqeuepteuneddearsápnensara(m
uhsaáics,taetpieám
vaH
m
ai(gID
edvhienasbttculurdbsaeroc,iefasqtlcutréibeedsslnoaoruqttunegexqntutfriíaenn,rjsesir,doyaeqccquiurenetcolosnnhccabedlnleospbxacáplsribecoroa.dnelisnpvaeñotla.dSise)m
p,iceozatsráheanbtlrdernet.uTpiernoidaos
l
joeprIcD
ceéesnitosintra:aecqlbuaarrm
onévleaejcsrcorsonaadcióebcuaónm
artóiism
cdioólsq,ntua.ier
leonupdocahqrouqleueginldacqlfuuhesraotúeunsletar(yssduteáim
sppEam
ouoEdinrdgnácsparum
eeycfb,tirvtofo,qcuspeainrrcitley,atpdvriinaegsqaoíruspdu.eenia)óqanlucesom
rsirodedxyoatm
nlp,adcojró(eaem
csépsad,ñdyoiaslt)qaunpeeorlútsoi,seqynoduchesqa.nusoedepicshnolse,m
ohqaaugbeilnl.anuH
dtlliaoqLbu,(despolccotrqaruiutqm
loe,dd,elatbvonIneagtvXseafuH
hom
iám
tw
tuoi,LnersshaleH
aía,á,TitngeoM
seTnsm
ndgcTatrdM
pádnTgeriM
etlpLagdrircboqolf:nsuerem
m
nyltdaehdavm
eciisbrpgtlaoq.nd)uT(osH
redTlnecsM
ashai)spnboedolraam
etw
acnsobtrbm
g.qaiiunloeanr(spneotlirqnsquneégduaejnnessdl,ooqyuqceauóseloq:huaiertráúía
dnhrfeaaAvcPctlieoum
l
ioXlrdnH
j
L
rgrnevqsldiunuaoaedretntolsco.r,uPlsedm
ea"lfbprca)ts.ádoeeoAnzXcd"spsH
aLm
eM
o
n
a
s
s
u
.
aPorLy➏sguseoenrtt:,qauqeuhíahbalcerdleotboidensisnm
aábsefr.cAill.gSuintaesafsreagsueraqsudeehquoeídn➏tim
puw
aecbtsnóloeshpayarH
cTM
uaLlqyuCieSracqoureeccotno:zcaCSy
TH
M
Sahortiem
pytajo,porquengujnciloyprciso.Nquehacerhorasxra,niteclarel
¿Quién 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:ssbipndrpeáoeovagtlqm
bnEpdáselsaltairbíduipaecáonstgrqidruieabaescnqoym
ism
cllE[hLCóisatadvw
arp(m
a.rainl3tpscndecorosua,/eniutvlsipgdtpaurnaám
oim
n/ulW
aqenbuecttScnohlcosaieurnem
nt,icyáhtaoas]oóssr)q.dm
elaEpnílH
anoeTvciaeqM
ghufsLaeedcsm
oóadram
euiecgslibo.ódCapecoaew
nnrlteCábssStócsilrlo.eoim
etclpiéueplnartsiqansu,caqoedpuriienocyplouarpstefiudarnd+
ceipvouentgaia.rdw
iágm
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
icsaóbm
i
tOorslecEavy,nqstausígep,vytrioaerbdnbousám
t
e
s
c
r
nepeniaoutrbellrgsevám
noisunutltsa"a.npdroeot:fecH
sneenaLltm
m
m
s
n
e
o
r
.
,
á
l"qíCnouSiem
iestaunpeaofqpiucfuetondncasponhreacydenrerpolaerstbátác.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"¿Pnetrosceóm
om
sásólqoueiesrtouorsíaar.
utl?"e.ngdadooreaad"ecriera:lm
utoilvzaytaodresepsttoardelolsoseetátnádnadraerse,s,islóH
daeserbp.uoLsaorim
tebpsrodebnes
sCabTSvrieM
otnsreuo(sehncautnbopreiním
pránloihdcsaoaacrvre.ernsóptzráaigndaigonlrssatedw
oim
np,toóirtnadnesecqotsuuaed,itsnepdoiqsuecñióvanodc:oars.dSeiw
ycebnn.ollpagíw
utáanrsm
)
i
tao:í,asitm
aprPunesdJH
e
s
yFlstrhe.Lscu,i:Jsnaapvroteq:lfcousysíe,rqoJctauartvepásinssSrdcforoaéirlcp,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
traiafslsótoenpug.opcluríáttm
pXPM
gN
naAG
stLhP:M
eg:rxplLrácafuintoocrpsnatvem
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
sextQuíedqinoea.sn(oqtaudneiglaoqsuqeutepálnodsacerets"ánnlodram
rheascl"ettllniW
m
neorqW
cail),ssaatelconoseletgáínaldsapm
rreaos"aiebstiaeárrnitosasrdeenM
ofiacrtossI"nftteprqnsuet.dsoteánm
m
ufieenrgdrosaw
u
y
d
a
r
.
dlaouAD
ilacdaw
YLounsoqe,eslitápnade,racm
B(cuSocm
H
T);eaM
Llrci)obnnatreasloH
tntoi(cleusatdaoonsVm
oresuzlcqgnuídeaosciterocouapsrienitbadaintusoondsesntM
odesb.afm
rhipotp.uLAoecdqtaiuvpeXss,íaJqrSucceroinpste,clodm
picaúrntoendsarqiluoedcem
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,siluooacqnrádeyohpM
d
h
C
S
G
S
G
i
L
P
V
rhoealEun.tcsiM
padm
alism
ecarolsnpfyootl,racqesnám
epáuaiopnlgdcriltnw
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:crsaecitóán.dM
"Los estándares limitan a los diseñadores web"
"Los estándares de Internet Explorer son los más usados"
"Microsoft innova al salirse de los estándares"
ásair
alo?N
o,porqueasíobligoalosdem
vezn:"svoycaidem
áAslgatuienodseychíaburnáam
m
nptezs,ar¿nc?o"nducirendirecióncontrai,¿esm
ásacom
diAselonqduloes➏arm
W
Aprm
tó(avgilens,toulsariqou).erLosU
cobeildt.saeloW
saedloresa,m
snavresgbaudocraens,dpero
sleérfoAgesnm
udnelsonplaom
U
b
l
t
odirASeesctgoU
s
c
o
o
g
s
u
dvast.dhoaIiynlctearnm
Pinupdesownq[urtepah:/liw
taivsocnapeIinytosdr)eIontEepxrnloctriseEaxm
enáN
plonrateW
otse(.ncaom
nl]o.puedrías
vb/erngatdo/rpe,sIEpq)uh.teTm
.
l
tqvueidegoarhtd,aíoycsrueolsíedscohm
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
cáueiysegrroxlaotcsei.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)anenssdrcqovauruenelcptpsaarrovíH
áhis.eaEn.slPeism
l,eqG
TsetgiocM
Landsprltoedm
Lcbiaeonlsrsatídlopebum
tsaaoo,recylsnatpgcaárugeilsonPinsbN
troáveinhindatcabsrerilem
aEnaG
riCceSem
eyutdáncoposdnauiercem
cbsnup,aarpllqeásugsoidieenvrtnrlaw
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
zdriloasqFeuirtáfnodxaq[rhunetspIb:E/rew
uecho.w
ea:opcx/lu]s)e,adquoAem
áoqgsuliennadvipqgeuáageninsd"oP,rváuegsanóinlbaipeoanprrtaim
lertpezm
tcvaezoradudnnsaplvoaerágng.aidnvo"eryg?)"aa.sdhTopírusensw
csúoestelriu"dn).ucs.inaóljanepsm
eandenorocaqteupeom
eónnpoptdim
uaonbm
dm
dsoerltáuracs""iO
landaotssd"leptaohd(ra¿cvsea,rseyrlteecvnaor
iqcufuEEeeclssrqhcm
teseryusainfbavdárecojrlisvlge(hoarnadm
t,adbaovís"eq.tgiuN
áestarvlsa,cgdom
le.gaonsdeoura.qPauroiroseisgdoae,bm
indlc]aarssqi,tpuoeángelinsdlcaprsio;ebñlíauhspadocqeusteurnm
InieutnecrhlnoastvEextcáplsodrnaeorestánvoiencdsovbireánsla
tozaunsruoevm
oar.nSti.rtdalEanixáeqlpsculm
a.vsoum
epaosm
elh.anghtuem
e
s
a
uioreenctshm
u
hpa[sátEIgpnni:/tccew
/
/
o
m
n
p
u
.
,
E
d
d
b
o
e
c
a
.
w
Llógicoseríquel"aspectoreal"yloquesvenIE"coincdieran,peronsiem
presaí.
Navegadores
No sólo hay dos; hay cientos
Ninguno implementa al 100% los estándares
Nunca hagas una página específica para un navegador
Más falacias (mentiras que la gente se cree)
"No hay ninguna página que no pueda ver bien con IE"
"Es mejor diseñar una web para IE porque es lo más usado"
árdobsaqfruceilsqyuvenoadm
o
e,snjovrelandtbicsieueñnlpahar)cu.enIEsa,lw
eyebsovip,sunbeoldedrnesaqdueecruialsoqam
arciepnm
abiaeplnro",bpleelm
arqusste.oladem
uliiresrednbavleeguatsdánordI.aEr",nphciam
,h(qauAstednqoeustáeim
N
noadviefgcadráose
á
linoáassqfuuneercailsnaonsqóhuloaebíintueqaaslm
f
b
b
b
l
l
d
l
H
T
M
L
t
t
t
t
o
n
r
a
e
>
>
>
>
o
eyúlnínteancsodsaeet,cyxom
e
s
o
p
o
r
q
e
a
a
r
u
y
u
.
,
,
,
,
<
<
<
<
E
á
h
h
i
t
ceostrSSriiuleccarttsospraádgedm
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
toiacrñlm
tráasbjdl
asCersStu(hcatdojrasdceiuósnt(cw
e),lbqru.Eesl,axupm
c,áuipnotsadelnat.vrN
eg,a.sdi)ovrScióelH
oTuM
ebr;yaedsm
deálócsiodfsoperañm
i
t
nsapvN
eTogc,M
aifhdLaoyrsm
cróa,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).srYáconuloseaqM
sueeoH
póm
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
ieraqdueéinesfolrom
n"yforc,oiqlm
cuanursciseihlddaootsg.pnadretcpxrninoicsg.paihancteesrpnágciunaalsqucaiesriacndsaebm
oeschriatyo,qcuenscaóbdeirgodebaj
uadcoescfqhaudoltesm
pcarloESigíds,ttaam
yudpesaóhilcoa"áyhnm
botessp.yuqpeuodréc;ebsucóm
P
torm
acéostrTN
raoecgbbm
ny,pcpsuoplncoih.ap.nErEctselogcyeóasaudm
aliogso,qenuH
m
oreT,siM
ceulxluLptaeTnsicitdaaeúy,rése[hsovtbim
rnpa:ue/lstticdoyced.m
csom
so/]ne,syqeaunjm
osdcriagrehceH
qjeLsureéennuoc.ilaeopcsáregibnintsaubbcióeendnighoeescyda;em
urilsénootnsapjuhriaem
ucuprplóilnifaocndargdeld.ooC.ntH
yToM
i
r
a
l
ppoirEnqncuipegnlo.ésti:pnuefdalsco.nSisuhltcairelonpraolgúianesrpocifleasciórnbiH
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
spLacñonl:cam
endr,dem
oento,esltuorial
deEH
l.counrsla.net/suñorainl/hH
/]Lnocrect.Elúicquepudom
se[yhtorpí:/ahdtm
tm
Sobre HTML
¿Qué es el HTML?
¿Es necesario usar HTML?
¿Es necesario saber HTML para hacer una web?
¿Es fácil escribir HTML?
¿Es fácil escribir HTML correcto?
Cursillo de HTML
dh[heetcSpH
M
l)M
crpetuBorbtnilécpnlatunAesr.erclbo[hta,zspum
ard.lneiigxa.tloh/p]td.lm
elsAtraLons:q[uhSuteplf:e/nH
ow
elpdrLadon[rhigjetlaM
pCa/Alohc.trSitógda/ln/]nc,.➈teuolxpsdo➈hrtD
elm
rsod(➈hyaím
oonTm
a[/hdsieL.pn,:t/t/cbehaunfm
oeirnsica.ull/ashndtyo(m
:e/(ehBrtdum
)opq.LO
)suTpu,CM
Ci:/TSlw
ilnalX.rcKH
ianeCr]XogónLoH
Tb.ptsM
hLotum
a_ax/n3dp.oplei➈cf]uaRm
gbsltu/u]e.ezhnaobl
ebtluen7/],kom
pcán:s/m
euiesdn.aftli.f➈rcm
á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.dinFíjla.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
tradt3neclsatragclolído,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
P¿oAH
M
rseívqiusétoh: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
guoersípairnm
scioneld,nsiñeof;oseíqpuecialeps,onibjlue.gos.Probalem
virN
slatorqouesquirm
rytavneresi.oM
antosdceestoldactiopsoa(chaadncnaam
unesc.hSaegheinzotessteálnodarviedna1y9les5,dyadpersobleem
vebgiaaddoor(aleusnm
uqueestlraenlgupaájgeinnaose
ECm
)difcedpho.oam
chom
e
h
)
c
u
.
TM
Lestáusando(nopuedetcarlo).
arglsí,tean,dlrásqlu!eDOdCTcYiPrlEe.Launavoelgadxoprliqcuoé.versióndeH
soEnechaepcáoginlaqpriem
Cómo es una dirección (URI)
Extensión de los archivos: ¿
Efectos HTML
Versiones de HTML
¿Cómo?, ¿que hay versiones?
o
?
áues,
dn3pcaM
lo,paLH
0egpiu,nasrtealrodH
4SlTqM
0.uLeyd3e.2lb,H
Trtcm
M
L
TlezospM
Lrnuoaovd2m
TdeusincM
Lcapntruo3Xab.H
Tfeír.oM
LCeH
TepsuM
Loalr4e.f0sa1tlLH
esttil.áew
nom
rrgo/sLTm
eRseyphH
sunl4ad0i1/]o.osAnteipúm
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
tPrueaoesínz.pdscTitlarsenodueaslstr,oqaqydluseseopnlltofisqgrtH
tsrníeroseb.ss:nuletafus.Syreolt.aEm
m
sH
cM
asóiLLt44odn..00a11vvlpTFSrtborrsaaieóqnm
ncus:itteieltsnn:raloáorv:p,m
aduenillas.Tnm
rem
nsrsLadd,v.iefPtrnoH
ram
elTaM
pdreA4n.shl0lo1,ScateyucerliH
ueTpatM
.nsctilársaoe0tls1ciqogtuifeenta(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"rXéH
sLc1éo.H
asuionsyq),ufpeárcXlfH
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
thortám
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,catyidpqaeáussgecnrolianbs.eqPauotrlreicbelóousdstiguon"a
túreascsoum
evnnaaovXm
m
epbaij:/lnqw
eeasprklntm
ed#
qycauhsiean:sm
ylouanesn,m
d
d
l
j
i
PerpsoLSóayilerognnquyupavideeqregugocaiddraxlom
X
H
T
M
L
tqsuteiaerocXnqslH
tauiTvóeM
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
otusLraaerhdonfcqlaoulsaepfrraáoóslntexicvsum
ea,nuyjsaepuatlnlovoieXccgsH
eehntTntdmoM
qi(pgnoáuohictsnay.am
vrufiTpiegjM
iidTcooM
tserXvH
tLeetibnsreqlusceósnuogectsiiJduavrcoSaLocqnH
qrm
eraolnsigdaoñctosrsm
naattdTáisoM
qnotuiteehnvxasc,/eehpxtottmrlqn)uc.seoiósncno.Xm
o
uw
uhornaLc/cxoiH
daTtohM
itrdeoaqs.m
L.yohm
e,3orbhglu/ToncRaxvssel,/g]cacdosonrst(qaudeelynsaoorslpveiudhetoaárcn)dta.harnecssefXorSm
cyuLm
eXSinLXt➏H
oFsO
aglceosqaueconm
uw
hloaXXcseSSrLLob[phútesr,qm
TX.M
cLTe,lXnosPH
ceosritdeqnaruenlatvebgla,dor
u:/pw
bn4etíLa.l0sel1sH
Sm
ispdaro.oEygldgaim
TprgM
Lausnstlpiaotnem
teaotdrSarbsicejatdnoisrcoecntaádm
sTM
rm
oqaunl,ecusehinoctaloehsnnucdsrehtnáteqcdlunaaoérvteesrd.soioóendlse4o.Xd0eM
s,Lq,putaeiernslcaoonútlrtem
selñasor,qum
natdoasredsetilasw
ugeebns,atoel
1
ctseihm
nEPiplaoyrX,eaH
um
inrLoq4h.aé0yl1eqStgruicjer(saecluom
tinezpado,anhery)la:qunepm
oineúrscunasl.ínEeaoslí,phrainycqpuiodenlarpá.gina.N
oesunaetiqueta,portanoes
algPoardH
aTycM
HTML
XHTML
XSL
¿Cuál elijo, y cómo?
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:tiensladeclarcionesnecsarisenlaespcifaciónXH
l/#
3org/TRhtm
ic].
t
s
r
3
dTM
bv,eptsacr.(auensqtruuecntorsaepealtH
TxM
Lo:)y.atenm
spárH
easftolr,aehqnuolrisacthose,dcexapcbuleiaclaqdruoiseq,rucdietiasesl,ñH
aim
oárgLednseirw
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
páfas.lic,doaesrm
ona.trebEijeonaorpdceiclnafsrod1utdnpocíexuasztbluid,rloe"a.aiTrt,eopdsm
ovrerelsajoolm
oc,deqnióutcoeh.sd"ldaepslácm
sacLidem
,eoTlhaeM
ínenplelaam
iaeupEQ
tlm
ncrnuhim
cm
rabisnefcoCoSrtaitpsáoviaandlecvtearsziod.jB,uyeeldsniunbt,reopaceylirnm
ágs<ilnaionrekm
aróledlei=sg"os:tcyrlibeshtoedt"ehlrceófd=i"gaorCchSiveon.cus"ficthyepreo="etxetxrn/oc,sd"e>xtensióncs,yluegoincluirenl<head>de
cadLostpm
c
epSsatdileo)ns.plnaarm
pcóoldneitgloa
d,ótdiaseingfooráCm
txaotnsrhónloojase),sod:ehhasactcileen,ddoseestndodrneátlnroqvduaeselpc<oahregacdo>m
eientliEdSqiucportñaepfe<iarm
orte(yipstledr>uej:saacrheievlalocnm
evigsardiaospepáággsineinaac(ssliH
onTu,M
qsaLuredisctohnivaposs.reN
t</é*sAytyqleRlueí>tcvyaper=dl"teqcxóud/igecostC">Sva*/dentrodel<head>*/ ó
s
<
nlparelnm
s,yacoístfliaeolabpvim
eerz,nslutaon,ppsuersilocdriedbaem
ncqdunuoteierols)acdehiggvuoisrdíCaenSetsr:oxdtersnuoatcroibnultaosrtdylne@,iamupnoqrutedno
é
lCoSTrei,acm
iacubcdnaocetsrtdcia(laó.oecsdoptlngiaorl.afeAousrhpntm
odpeAEbfrstiininlbeursddetooseypfausiuntnerysqdeum
cotiádlnesoefoium
iqueta<style>
CSS
Para qué sirve
Cómo puede combinarse con el HTML
ilpoldoedfiencdóodiegnouCSarecsh:ivoextrno,yasociadoalpáginacon<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
:
loáqupaesrvcablencdtreascthiqaul,geytnacsoe<hur1no>jb<y/rhds1ue>bg(rqaiuyedsaonp,uycaltboiescpáralse)f,dylcorqnduietcvardleinptraáedotifqu.belta,sco<np>la</p>
elpífiátnroeagufesntip)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
aaysím
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
isquSitrAoeCsloíd[rhcaotaspónnpum
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
iagbniésCpaSultec[dh/spw
d
dpaiexr.átadcu?om
/hapqztaaeroim
/lm
X
H
T
M
L
C
S
q
c
r
etalTdpám
m
telc(ióardoig➈vaineddm
u
+
n
rdhroevnsdahom
cuouydsa.nccoioem
xI.usheytpra]bpuáTgEixanpd)a.l,[oRhqupce:/[hnotrodp.e:b/sw
=
.:etm
l]d).rnpaver
/.naevgpuop.htm
nam
u//h**1esEL{traaoslm
ucarby:ev#ca0rria7tásdfah1;e,ticedoxnsau➚tqruaconelssfdrpmauz:eudldapndieohrayccaeesrnc;omi}nayCúSsc:udlasf*/d*/
U
d//o**iv>ELolsp{ebiqan{qlucbeoaukgecrderossus,n:dhumin1:ejpxouordlcsoi(lfemedáncdtsobg.opureangln;ed})eo;u}sn,alcovnpa,bsoorrdneelmaazrgauetlón*n/e*/on
a//p**,:hJlPváius{ratoe{xdfoss➚ytipnu➚déleiszseta::u11,25n0acp%xoni;;m}}aigdeenn,taocióinnde*/tar*/
Formato
Dónde aprender CSS
Varios ejemplos
i//imm**ggEL.+alesppbimo{rtáaqeguxe{mda➚isrvgndcieonco: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*/
beilósntiry,aprlaenlobescaloruibriscadodreneiltta.sooscr(,b2al0rda4iss)p.m
deodifósncpoldayzelm
igdpaecw
ioasm
M
TolM
Lasm
caeplhocam
geitern,notalvlsem
egnattdrnoaorszvcm
evriótsnbvherm
oaliqom
czuauecbm
ebniotgou"nscetoon,nH
opeágCúiSnaT.sPo.udU
enssa
usiacodeanynessdpeloqre"uscCoeócnSm
d
l
h
onpesátCgH
soianuem
o
n
a
boínestl.jcom
ha].Q
psn.doanelcrim
m
elrusm
,aqeunodstnceladrocqism
SM
C
Sreb.,iasrnelacogrqduelhasibnavretsadeoúnsicplazenm
tientosin
hir[ocspft:/iw
/ahotndl/biar,eybs.ltm
uentoe:scaCm
hdpoisrt)ar,ñuylocecgósam
luoecilnttsedryogsipaenslrtoes.dm
dw
Ppenoanlragsdoocse,rsytouqsem
egsburtríopiqcfuoáaesrivdoeaylw
oáim
eltineaum
opeob(.tam
fam
iñnbasdl,itcqeonundesorv.gm
tcioenASm
rsuhcoyncaerm
cbeisénleporágciunalsquierhniacveygodharc,e
iralvspe)s,roaivnyeócgrn.alasdd,eocyrH
H
TuaordtM
Las,ccyeohrm
m
nraáiSeetd.lriEscsg,,epiteam
rinfctáogaddnceocea,isnrdolesrloím
anqauvnl.eagvéaeqdgtruaordioeurnsaqm
sdauiónrSktadstnei(qdm
splpalizqausnec)neás(iacudtm
eonplsliarm
pteángoitnosa.
yutqLeeitm
ueoélcdm
vieorQ
SasdorienESliosvgsáoeaberdulpitsgáaanstcuudeon,rm
nstTiaqouM
nqaupeofnrstedam
Percuejr<m
pd!aDOlqoCuT,eYePnnEoeHtTsMuw
eLnaPbUeBltaiLqIpuCreim
et"a➚/yaWpl3oíCr/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.Québonitaquesmiweb.</tile>
Cambiar el color de las barras de desplazamiento
Consejos HTML
La primera línea debe ser el DOCTYPE
Estructura básica de una web
A<</qbouhdtíym>vl>aelconteido.
ábaunscoiam
iutísLm
i:.feleborunnsctiraa,loscm
D
cla,ovesynrlndqiauepetrsl<qotunciaslípe>qarudesj,sacbolioenrm
pdunoebrstuapncreaddoim
etlabp.cáegintoas,pderol(asú.nAm
uponbrctqlhaunaécdw
uenuxarsw
áqsuiem
pliogretauneb)ulon
í
biando.Yohe
iacsuecplotssaannúm
tXaM
tLfiua(ynceúiXlsocdH
nsáesm
m
alm
so.isnceúhoam
m
scibnuúléassc.,uplaesr,oesíqm
euejorlqcuam
ebliiojaasXuH
nTeM
stLilosefrijáom
yesLúcp)rso.icbnruólm
yunyoflácvial.yscam
dcSiedauceConesSpalm
lpáginashueTacaM
:
ú
ó
ñ
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
canólLdtpoei(regsisnoncm
>tlr.daoPoc,geseicr<n!lyam
utnpela>vrpi<m
uaoilTler><M
oM
<gX>/pH
iilugaaLypnretncostgorlgáiinu)p.ancee,caryrsm
onei<tt/i<lqdslabuotsr,er>htyiaancpsge>qrr<ua/ceensomnsuá>ao..tsEcensocm
><odabsTqlH
cinqartuu<oaetsndc>eps<coar¡siqbeoudntelr<anlscboerp<>tni<á/eg/tm
edgoriatt>pedu<nrrboedr<lsel:/niin>m
peuliyo
z,abtLnosrd>iu.<Edsneetrbm
éc,rryicacodtsoe,.m
loen
ipáaolsr,aqsnuroleom
ootirFbpL5lqoiy"usg>Xaed(tH
pLolni.o#lngD
rsepflrcoeo,m
m
ahaaslcíternisbfouahlttaocyspm
qqouunileearptidconnbseilaer,tcc"aui.bránctdteorseínsyncoluH
aálTnfM
ndoLunm
poárseejm
pcom
bh<ayoPPEdneqyreurdebeaghsslciaudom
laeurcrlsh=vóo"al#rom
)aea.esrs,tpoindeertam
Enioe0Xess9jM
peloaTrcsiM
eom
doobencntuletm
qs=t➏u8"aetien5xsf9to➏a/1rhm
ptmclei;ónacl,rhpeadsurosepñteao=srlIdSm
nrs➏d58a9r➚51ec9lo"➏nt1ih5petostpM
droe➚ntltyop<(eqrh"ou>,ae€d>).:bPeso,rptoexsi/ahctmslo)yla
IeOcS➚aí8O
cnoadvTiufgscearv<iómdneotr(aqlyeuacotniegtsneaISO
u➚IeetqaiusEqiuvd=etsl"aícm
dúincebhoradláyjun),eagqvuom
daipegocam
nTasqFeu➏8l(aU
respicqtuearpvsitaecuosnpaftro,bydcltnm
eia(cysegoluqnreaisdgcelnqtruoiafse(cjlospriacenra.to,sicbeuvptaránm
ef.nr)Acm
osLdíitnagm
eúblosicéU
s,bcieodn.sO
nutraobycethsa)r,pcnteoruadesl,
El título, lo más importante
Escribe todas las etiquetas en minúsculas
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.ráN
nuodeselosnieacteossadpriclieoansaóbelsom
aertoi,qunetasxlpicvasiónuisarpm
nofhuaceinoaedlH
nL:squedarlestilo.
uotacnhoe.sPobrseíolcaósm
;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
Leflnuíteosfr.dajd(bneáesutlsiipcoaém
t
t
t
t
t
egtlbnm
nucétnom
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
ppcduoáenrECelsnairdpfcntouaásm
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
:
pgneiáelord,atipaxdufodeoes,m
ufdleeBjpounádm
í
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>olsicanótp"m
q
e
a
u
:elic;at">rm<lucisphaonestfytlce=s"<f/obntpda➚s>izea3:un12d0t%ro;ztexd➚terxansfobirmnk:upcesirdcasedl;coulsar:ablueti;queta
U
<</op>dYvvi➚psluyodem=s:tifaoxlrmdic➚an;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>ouecenlaocaessiacclóum
buptloo)c.lLaossp)áyrluafeogsondoarhlaeysquteilosapatordlsos
oaleqzdu.iLeu<rospw
a>xrepbeliscaeotroeirbnguatnorizasatyplcoer.ipóEnásrm
eafjoosr(dm
eifrianérsctala,speor(aejtrim
lpoosrREdlesccauolanrtsm
v
laesfionncaulbryl<aenqrul>oe.c),daPusaeonnrdbeienqnbugaejnodquedielrodnatssph.oCnccaeodrnfulnítale;istnado
csiáaletopdnoevelagírni<east>ldíabnelvjasrind(icanpc.luoisgyól<ao/gspeu>tnm
ureibs:rcíóuoalnm
icnuóydiápgróocafauslvpínneotcursdd(íeh<ba.uoyrnl>q,)p,uarseoígnqosaucqm
sdeselM
Dar formato a un trozo de texto o un trozo de página:
Evita el
, usa párrafos:
y
áhnabcssepcr;óqm
m
o&nubesdla;.up&Esranism
robsperpsáar;ulaínfoecsah.depuczad;epsám
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
➚
:
íorsncetjuiaoar2npn0doeopsuíqpxuaeilclresrouaans.lind"acdi,besurenjsaocprhb"uacsniodteeoulstl(pm
fug"eoásnq,tsueaaívnurm
d&zrqenáubinresípllaqm
nalo.s,ensctm
oes,,rt¿.ocoasduiqátlnseCedlaoSopcih.epanáysrsqlam
a;ub?pizPráiuntm
nuaáplans;tsdcpuoilnonhiaddcaverlsetusrh;naap."o,nylas
epdaniastrCEeucnoñm
sepesrnaóellm
snaqac4uriiogeoernn6.)buE,llraignpeacocb&.iónCebm
t
>
c
e
n
e
r
<
itbcaesnfttdoaecrolnsel
cloepqnloatu,ectroq"d>to)eirneulom
ohyppadyálleoqin:iugtnreao,(cdnoetm
arlaoi<rgscekndel:nctolicnoertnst>etdyri);dne..olPa,qotpurrdiebejhulatm
(m
dee¿lstPLjiloaaborrettnicqoxsaeulne➚(ntbtm
tunderenalu<m
etlaepbnltxecoto(apqloiurégeenjv=si"m
atdcexisójaon?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,(csrignlowqi➚uldetfhq:u7ia5e%rt;o)s,cyemdntrcgaiinqe➚usriglehptrn: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:sootláidfgnrcetind;,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
sdgpliíeny:taos0ilnbaleuastklc,i;egmnontm
rgaibuit:na0iodm
eualtgcso;nd(taesuím
oecstum
aloigsune:cbnlottqreaur;í,cuon
sr<iedpnivtsod>,r)p.ícaesm
raláqsudfiencrtolpedm
sloaprckt.e¿xCcó➚m
uirnletoq<dueivts>ipyocubm
Lelconsejoanterioparvercóm
ocentracosa.
No hace falta usar
para hacer márgenes
no existe
Este texto está centrado.
Ahora es el div el que está centrado, y no su contenido.
El atributo
no existe
ás
ux➚cahlaiggne:nctenutsarb;}elalign="centr"enlos<td>,parcentraelconteidoelasceldas.Em
uchom
fácH
i¡YleyvainsettoCsdtSqán{u:teteom
enná<tsraodber>lsa!ynS<i/t)en.oibnrt>ernosaseescopgaerresónlovaargiusnlaínsecaesldaisl,aevetnutdaialoendelaqarulees
bm
ns<eonAm
rolgbuern>torscnlaasvepeg(dqaatudsroilbrñueast.cohesaldicaesnodqceulteodl,atsqeulxeotexanpbtliresoucm
quáestfaecsilpdpioobrrqjCuaeSqn:upiearntsldaibcuojm
arulnaesdpam
cáios)e,nybolancroe(qctuoiersíaquesralc&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
ssinCoueía,ntod"dqoua<esisiltr>áo<cebas>bcarelitc<bure>anssdtdoe"a.llgLa<soetydmbl>lepag<osansosetcrruloopunnaegraá>pneslgiaebim
prt,recesupurncaviaslo,olsaupíbnorneaagy.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
eéqunCD
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
dpársactosnahe,gdcroi.m
a,
➚nwyem
t
feoxPta➚rsepycoolnree:riatlcm
loari:ncctvtpeearqrlusiienceaprpsiecviaap,luetcnseixf(clío➚anm
dreucnoparcaestnteiitloonsc):m
uhnaad,yreqrttluoie,xnpsu➚ceradircbosructboaisraynfao:cldoitm
,
(s.gReonI&vs,es(ulydniU
buspatzlqóo:u,niseprqaur(liad;.reqPuu&sonarpahoecisum
ian.tRegLr/lnsiéq)u,aa,o"rlcvsám
iEeaahnm
"stiiedue&nnasm,dpqsi;upré.eaPñchooariló)enyjcam
etcPpuu:er/nzsstlwanadduU
m
p
phg?sdnelubr=.aasn&edixqb"=c;rr1p4buy2"8ió5cn7o:,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,uóbleontcadneesH
T,pstM
Lrutcastñonra,l
tteáobsdadcñs<sueaurnileds.>nedync<m
oilul>cc)hysaosdeneltilviotsarse,elbm
euinqnutdoeesncohodtanelsehorlsaoym
aSoernnúulsadparfeonram
sl,baliyuscrtm
apióásdg,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
:{bbioarrdíeel:2dpixseñsooldiedtboldacskl;obadcikvg>roduenlda:ypeálginowa;(}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)nihptaoyasrucvoosnariisgrlonltáuercssi,nem
eelsnoortse.traniegloqrc,uueipeasárrón,lcooulpaqnim
ud(nneopCCom
yólnoaeapltptoigoscrdaaenrcstl<ieodlsylqosusten(opceoipslqróuacoqerupm
ó
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
PsólrEn).jtom
pcdeisov,l.anyputdoadde{m
sbloosrdc<eadm
sbsalcokgdreoulandcyesel<adoiwlv;v}celz,sco=n"eluCdS".>e(hnalceaqsuí:odyda,<dicvl>as.
:
:
dcheacnnbirerc:láltqavoutdrecbpsisgltuorotei<lndad;sizpvcqo>auarnqeutjleas,epccplrm
biorndoiletéahsanúpbniiom
darcodreií,easqfsurpeoapnm
idebcrileor,m
tasoree<nna,dytipcouveedarnldaq(s=suile"ptrciq<uadfisielevro>a"ys>ou.dndN
aaejro).,Tppsuctem
ysm
uayládesatquocpnlarsavúoe.zeifconr,ildatesp.eáaguina.Lo
e,trióedl.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
;
;
;
:
:
dejáurem
nuoeseóadhlociauvyeaádplrem
íobassep(<"pinnootedceqrlus#itlaeoirr=as"u<selrlso>pam
dd(.eeO
luanr.spat<áedfgocii.rvnm
a>,asneo}dn,quau"svpe<lqruicvasl>.ireo)Tsn,adr"bciveélnzom
pesocndrt,rim
sqácusiraelalep"p)t>.éiD
ccníaafrdtriíeeoncca.tualPedonrtapm
nnatqp<ofuloei,vds>eli"fet),onsntdyeiglpoasaslinroedes=rgóp"lfátoirieC<raSpuf>loaocse"unq,m
sn{aetfanro.to
yem
iolseoscqruibeía
ocarryicqpiuetre>topoyn<aesrthy<slscevri>itpotquyéphe=a"etecyxlpa/esjaveislc.arAnipúgtnu"ah>g.aeyEloatrtribaurtiobulaon,guaamee,nqoseeuoshaa(ydequtoedassafrorpm
raqsucadsluonm
ic<odsm
.PH
ría,oloníaorquibaigul).Lom
socnel<stye>:siCS,pon<styletype="tex/cs">.
Identificar elementos:
y
e
requieren
, no
IcosdalEreem
teorautsiínefloorstm
spnN
aiqduceiót<anchss1dií>óeqnuc,<eashbu2es>cú<triahl,3isp>ónoloersqp,uertqcsu.oneLotsilpbtoeusxM
stláaasngduraarnizdapeda.oSsi,rsnvaeobnppalarbrqditueaéfsinsceurhallaqbuesietrruanc.trapdáeglitnaxos,í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
réngñpIiontdhsereaniclygohtm
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,rgayíplalr<odobm
qicéupaínesotlreat<sa.vnpbadrm
cbiorsesnanaymlfq>odu,riem
ss<eañda,lepdrnerso,o>ar,m
al<qbupldm
ei,rvd<befn:dlp>iear,nre<tcdesfinoant>ce<sd,ieacnritt>im
apse,<jkcdobórdl>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.hTa¿nsC
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
huaácsneeafvocngtitvedaxo,rpoquqeudepsseum
teaopgdlads),oprqoleurm
saouIFpevraornasiieceptaanm
es.íSm
pioqruseiíseqarusm
ailrolptsa)dryásntiruvseevnri.ptaarnm
m
oesodleesqtuanrea.tU
nfonragm
m
uairtev,
llaPSáqoognernseaautiehqlro(utcse,tbanqG
ddreoiu,cs.ph(oirnlsivecneja,vm
yibm
layíqlunneavseggoaudsirobrcocenabslioansnocollsm
icolÉsrtaeqm
M
psulaotrrútea.gnPlaoerdhejaocrm
erplqoloub,eiehnm
preosg.nuPe,ietanssíaoqbeunreqtpiuaenenslo,qtpueedrosserutúanqpluainem
ntisllohadaecglon.rfidgeunradcoiórnpdefiroel
u
y
.
E
í
btsdoexl¿nqQ
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
erboiéyníaselocvelgrouíadrestíl,fqounedoc.uAe,sítaondeslgaure.Lsla
uadreopst.úaElnov,escrtím
óénqpureaisó,enpuctiolfdnac:esrviaelsotúbpcoalnm
oacernm
Todslocolresform
TM
Lyotrsm
anpartedldiseño.N
opngaslgunosm
edianteH
edianteCS,otepasráel
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),.edaLseupn0cqauifefcptaiarhnióenscaCqdlSuem
o2a1ni/tsqeylunodsafiatnc.herm
pom
acádoosyr➈.cupLneoiansts]ejrgcu.nda
Lqauté.w
ecsotlTLáaedpnorifem
odsteor0alteesfxRcpG
c[shoatilbpe:/.row
edn3rcoorm
xpba#rdrtfeacdy(i2om
oesopcional.H
ayqueponercolr:#07f;ynocloír:07f;.
N
oYodtivdosollasnim
aváeggeandosreesnldaossotipporst: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
.
usíenptarapbliesna,apciocruellqucsioenrtem
lap.Éisctaarsehalay
qviudTN
eao.tdrnaclruqaseim
pigáocgeanqlm
piadgore.tnCa,opneCrsoSyehnlaoyssm
qpueácrigdaelnrsaltserqnpuaoetisveonnaelcuonsqam
uriseoennptueydaspinávgceionrm
ltoálptgsaeerocnnuatm
istproeyercntubpadoonerietvases:lpo.e,rddcoem
H
Lrcnoisoznvqauseuroyrdeecipnfyótlom
t,isapeiávnPgrN
ayO
pdPSeciourlcapaanfism
seo,ntG
cszqbadousseirtttrhaoalpdnyeiasszsrqodtnuieeaenclptgslisqraudonlgea,oesym
m
aodei➏nlltuoartpa.m
sor,i.neusm
paildaotPrsrpeN
czG
odno.ráSm
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
oeám
rare/pqoujects/oadpngs/]
.cN
é,m
bseafao.uglridem
b,arTm
dIoFp,itvc,oTraG.eAd,b.um
G
Ioncd[hFetúaptn:o/iilw
tCoXuanc,dugaG
tIuornyhfaaíbonrtteisnacyuqauditeoosAsyPadN
sdem
rLasl[hoidtepám
e
enrasyPbtw
aeeM
osa)rsonnse.m
rpoG
ades,a.vodlsedM
m
uo:/áw
Formatos para especificar colores
En hexadecimal llevan el
Imágenes
Cuándo usarlas
Formatos gráficos
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
gepsudelnapáegviunradlte=vb"rn.t(lievclaíore)u,pnbruoenlactrsiobuetsoqau,lets.iLaspirm
ulaTpoesndraelxpsicm
xaárolgessncporim
á
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
ruaotódsnephm
oa.rcsetnacori.m
andcreitóoncrs)nbyauqlteixm
uepsouantleir.uloadtreiblaute
íepranlostqd,cupeanlidm
ésoa,gtiernvscqom
im
lpatgre(vnñsraldgpirutnafdcorum
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.nñrotqseuxphaeclbtm
eoní,aevim
rnydoanetcsthdéunelarrgm
n
ugsadinorceaso,ntzodcarslaoreávectulaam
.pnáteasn.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
ifnpoarsénw
trsanc."gulaetd.ros,/l]anñrsqd"ueénilafodim
toecn
glber.gy,aosoctlher.nss/lareecpqhau?qse=
nldrhopnaors].leaYcshtpoádrgem
apndstore)na[hpcltube:/ndw
reaciónsjuenm
yw
le[hantsGpo:/aw
Tlaúocp(eérsli,tm
ctrei:bauleSsGcpAaáEngdsioace.nm
e:clrbum
h
PsAionqroul:ía[hrtpz:ó/nw
t/lgxicao/nd.hem
tul]spenladcesv.N
a.tdenriíolc,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"gdúenucntóionqatueral".qesgaebcudoalguienbus"aquí"enGogle,sinoqueintersaque
Ese texto que sale al pasar el ratón 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)(,saqouípesbdtañchúirsp,óem
o
qcnujoeavm
ceaidsquenplaácgdein;é,l.sac)b,eym
etiúnecsltórm
N
áioslegu.sStoia(nlvedisoctlandem
m
novst,ielnaom
saelbjoráqaudm
sátaens
itpanuancshdenaglpvaesntrqlounseu,nlpouseedlnailm
izoelóongaU
H
acecpenitsdroanrm
os(alcle,dvm
aconon"Aesluurnoihbaredtnfir.laeH
cG
esaiyñnteocóvam
notedjaclu.tnarvuengacódingpoJravlSocsrvipt.aEnstoe
hquN
lseuíR)Iv,ys.hina"ocpqum
ceaosyíqcuupeáesgm
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í:nauúcnieilcsoapsm
nantrvetcgeunpdtaroraey,ds.patolisectearnsb.o¿sArtrdugecus,tnorsavetpzabhrularo.bjiedtosq.uParntoedegsoesítáelCuSpá,gqiune?Ysm
n,ucohm
cáhsc.óm
frilll]eat>sao,np<cloátrgnbm
ndSlirinsm
aeisLotnil[ea>hln,)pes:t/iw
qqauusteert.bw
sval3spopum
argr/uaTRdyhelastxm
s<etnácdhbsa>vra,eeár<gcuaandppovítfritiseicosan.>zlaoH
sbíni,lrtapeirlaonlg)sac.uenpciteonisó,dnede
uodáegeca<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
<
<
<
daecisóonf,rm
aprateodrnladise.ñoysehaceonCS.Las
liswyidtuhs,netiqheuigtahs,cnirbeosrpdendcioelntr,snirbvaecnkgpraouneds,tnriubtgcroallr,.infTorm
tabN
o
easltáesanqtuiecuanduo,paepráogqinuaeríaohesacgribfaltunppaortci,lpaoprqnutealnaenvedzohsa.bEléocyoanloalhgaurieánelquuseaaúrnio,assiegtuernabunqugeesitboarnde
bveieELntsoa.tnoysram
iedoquágpiram
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:ofeátrópcanaumoe"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
bolvueacthoasscdpreáeguninqabusielq:daesgtrudvieasnqtuoedsbetoesvaitpretnsucow
sonH
pLoasyronm
ártóresalqnom
d
l
d
d
d
l
S
i
ttyurnca.aoolvipzcdzegnrfhailtjadposyqrnuti.easeLm
t
cSiñaasm
ruúvpáepaeslzirusdultcyaán,óonpaesiiep)lom
rf,m
qryadugqeeunléhsavz,iadáw
n,dqopnourestsiteadaáonlnm
q
e
c
a
r
g
c
a
e
e
o
a
n
e
o
o
uilbneoprndleáasacg(pócim
yyeavulbloinem
u
v
z
v
.
ú
á
d,áoseyngaasirnnoccitqoadl.rusgeevulaao,lsim
fpm
l
l
i
i
t
t
qhpH
oPnedpefurnáristcaqpm
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
esálvaecnotteajsá.añm
alo(lacónatro).Alos
dsiruandirpeáginaenolsam
soleaenom
vN
lipdgtoum
dsedploinncrtdatrdeaodsls.hcm
te/rénjtw
oSinaeeU
sIcnciam
plsuiStyeurenvsrancip➏ncSedatdiabrsleeIpnlátcm
nguinsiedoaresinecm
pou<nstcrlelareinw
eaesjnrnvú=cao"rem
nfiiscchaPpedH
párgi,n.jáoasgsC"i,nG
ahtIa.y.yEpPvlu=aere"ditovssxdm
raovdeubsnsc,airteiponpdátgq"sin>ucaeonm
oangaleolusm
en:nú,quet
levN
d
d
b
a
c
.
dcsCPóopdengrmistoanrutyJna.pwlverqgoiuSacter.h(ipP"autyóe(qqdihuaeocserrpepm
dáiggoiacem
"geá),a;q.ocuEbóesm
ttniaup.lrdChoom
t(eyaohqdé.utyivspaorlce)ugqnaetm
oarsesnm
rqupoeanghcale)ue.ndAaífroq.useóm
ásituadnlocensavdega.dhotrmaeldsp.qoureelno
G
d
llodsnam
M
tnsa,ylocsreuasnaqríuvisoeim
cdniEoqsIrutsctieaeá,srvonacsyejqununbsotraiif)lov.ceepsarbnduesíelcntasindlerom
rue.siquaneoIintsrdapareoxfn,am
etuanspq.áCgleoim
a
n
olsdnrísoaptleropbuleehm
adabinsesrdtñpealudosibraubeanim
yalglopphscrotae.m
ygduearjsaccgdueosriiebsa,lvdnidoadtr,e(nygalno
phqcouopnÚ
eeyxuirm
Inconvenientes (frames are evil)
"Ventajas" de los frames, desmentidas
Qué usar entonces
Cuándo usar frames
dJtooSnicss/rtcpatooinzJd"asrpvrquoult/tSEeaccrvm
liapr➈s2tce6dqso(u.pnhbeW
Segda/]cim
cA]iSn,Vfcdqarouiaw
c[eéhictsónpns(i:y/cjdaoev,m
rac:.Joim
pArgsVt/ew
em
m
Eelr.suCw
lifktv)s/JtSácunrsi.pdtal])er:Jn.M
hilc[novsREpase:/tcw
sndM
eikcroAplM
tsm
tJm
cuiobánrs.deaa,qrey➈iuisnedM
r.JuTcaviyradim
oeeSsxcpa"tlfo.inrgts/paoner.sbodPllicauarueetm
SgcuraipjhetycgoVm
BnpSlcesrtiop,cusafndopearcon
rlevnui:dcprhosrtiodw
edveb.jroáaprsuqqedustreapaobnlngejiúcraalufgosúrm
nravlieddnoegruqqaujeeitncorodam
lssnlPooH
hqiurteaásperigneuaalr;ey
tnesgsiu,paojodetrr)q,aushcoearzenipsloh.tsapcdrieosngldaom
snlaesrSSviiqdápegnoertn.uasEasem
m
rdpveui,snotaaCdnGrIejses(rcdeutecailrboqansuiceegrlúlm
hsboletaoqjcqunerurescavlionithnearH
M
asdtrbcoisioh"ad.neEcnlpeatciornstw
aeerm
qfbaupizsnedzcnyaeóourm
sldaoeavdnep,ncu,ytreyaidbelsvn,,im
peslo,
d",Suoeayslvucecdutaa.irnTxndalooruectsnaefm
qpdsueYrrCeouacavlhinecóqdon),orjugeysanahetisnftlyoscr,qapabhdáeougyiduncasonayrJsclcohaovrspainyStcvósqrue.iupgntaccsuieaórnm
ca.sPielolarcseidjom
yvlgTm
urn.atdoLcseho(acCsroSám
deenhúacJeavrcSocsraipti,m
inaale.sSodneslólogaprarccaodm
L<a>A,osfcísoqm
culridpsetiseum
naoprsrh.eua)nn.m
pasreegsúcriantdebdlesqpuaerhavyerfboirem
nalsanpoárgm
pselecm
niónt(acroynhloasceernllaacw
ees,b
ám
oniratodm
deCm
eloiqanutehscrexáptslicqaudéon,aevsfgáacdilohraucserqaudenóaow
pebrasedvrlabuiencódigtodustlro.navegadores,aíquenohaynecsida
drq3unCevseurhteoasdpnhsceiyfpaoocreitóantnrleaoghcunatleqcduhieotrúadnpoiucaelm
deuncrtedaoM
troFdsn.idenatracl,roism
seluagtintíscoepSsunW
cdatiefálnsda.tcaáirnendsalIraS)O
p,puoeW
p,aycrroogm
apetm
sdina,o
uunb(liqoaurceinso)u.trLeasspiom
EEelsFuneyaasrhit(oeslnócfonyreopm
qycouem
dSouensnctlóabrpaedásgqiucinéoat.enasPem
SnnihtilaeupcqahursaCeneSadriprom
clSspiFísaoqrahpueH
strstLruov.ceastPoeqrxuliopcpFratlordiaonescthednpoiq(Cursem
cltvecannpptveoraiscalrtdielsxcspo)m
eppnohánsFgtcdliaenaerrshcw
,locdenm
áhndaVEdseniaecrtoilolsaqnyvu.eCeM
boisnF,cltyuaetihsied.nom
m
neTvlióM
n.arpugtolredsuam
qruoe:jnolrnCyvSescreuápáslrqhuadecoenjas
JavaScript
Mejor usa scripts en el servidor
Los scripts han de hacer cosas cómodas 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
goezársilftaim
c.noodgs/avrqeoj(ceptctuosr/idvagble].sjvacornsuelH
csheabotm
ad3loCec)suyapdesort,áynaqpuoer
áurbnalqosuM
loaruw
dueálsW
Ltsp:.b/loEw
3.snotreg/TsRlnSaVVvG
/]gesndm
sgprTáeM
ciLfoysaCvceSión,p[hritolbe:/asw
ejosptAm
w
áoa,rtseJqiaum
áeFsl(aCsehS,
TeTM
H
M
LnLe,rvyáliuldscoao.rnTteoldpiduloogiednedm
nslitH
E
ániPPptnigoeerenudsiaasole,qpnJuqáxegvprinauSstacem
hgm
ic(m
inpugestytabi,noFlbooldparim
rdw
vlnCnoSp,tode,.rinpnet)uaranJsdeqvelpupaeSsrcurqgilulpoionea.ts,dpelercciFvo.ul)nlantsTgehop,adiáadguoinneeqqasbutuéesbllacoirsepneaeuctsardetdrasíuinsboctlvtitecreaadrss.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
satrqvunioróldeosSW
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
apgqaFounsrle➏fiq,m
aushlteac(íy.iqsoN
opudnecsloyrvuedm
sicditefíjscro,piclayalnretosg,m
epalsbcdniréaerinboag)lpg.uatfrenxrm
oiqtauscselinalnóarttgeseornisam
ndcoeorltesm
ncuorcm
,tuaesnbadpooanrpueacraicdihohunaam
d;tceppiraverFolsanetsehdo.aceSiusltíoádsee.ñnlCoH
iusapalcnrboiw
paqnuáariÚ
m
sahTsotiM
agrLaeen.m
sScsipulrnoedhsioapcohieas➏w
ho
bngiaésncaolsgaolm
O
tTernaeccnuoelntgaíaqpureonoiettadrios(tpieonrahporluag),inpedreoJm
enutya.im
uavy,apsoíteqnuenyotpam
t
p
o
r
a
n
e
s
.
ófri,socsdhuebnroer.fdjecndtroa",dpoisrneonciapullgbraonaw
lrím
ionestbvd.,aPneaúm
o,m
qlnG
eddospcam
ruqptulidecranesdoloutsrapdroogidsm
áagspeodndercsáirn
tsa.eojrpledanrrpsyc,ádhogesagFnrcclapir.,houesb.jaearlvpiom
triánlps.arEcoógavlazm
evbd"BiorrnEáS,jilcaytJsatócevlm
efatiIbFcsihdeialnrsnopm
o➚gjlarecasrtm
pdiuóenyrle,ctpjsoeom
írbtaipcé,rnoogdsaelm
anpaqdluiceaindlteurseacatm
rivioeoj,hpraogenlJalvegno,pottrrasbfeorjrapm
,oyarttdoabylueenvaita
se(m
allJALiuadosvtí.pq.aElurseo,ctfpearm
pcuaasenisdociuhm
atelrqácasuciteirvnopseF,olugnsrhaam
opJ)a.leevstSqdcuereJipavts,ienstteoárapbciteinvo.c:Sinsneacoesositm
Ha de ser opcional ver una animación en Flash
Cuándo usar Flash
Java
Cuándo poner applets Java en una web