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/ncsguvaljideg,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 . aPorLysguseoenrtt:,qauqeuhíahbalcerdleotboidensisnm aábsefr.cAill.gSuintaesafsreagsueraqsudeehquoeídntim 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 diAselonqduloesarm 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,.teuolxpsdohrtD 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.opleicf]uaRm gbsltu/u]e.ezhnaobl ebtluen7/],kom pcán: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.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 eXSinLXtH 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óardoigvaineddm 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=tu8"aetien5xsf9toa/1rhm ptmclei;ónacl,rhpeadsurosepñteao=srlIdSm nrsd58a9rÀ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 nTasqFeu8l(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 aodeinlltuoartpa.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 plsuiStyeurenvsrancipncSedatdiabrsleeIpnlá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 liaprs2tce6dqso(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,qreyiuisnedM 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 apgqaFounsrlefiq,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 sScsipulrnoedhsioapcohieasw 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