Programación en Web

7/17/2019 Programación en Web

http://slidepdf.com/reader/full/programacion-en-web 1/19

Programación enWeb



HTML

Unidad 1



Cuerpo

• <!DOCTYPE HTML>

<HTML>

<mea name"De#cripion$ %a&ue"Conenido$>

e& 'm& #e(a&a )ue ipo de dao e# e#e #e guarda con &a e*encion +'m&e& 'm& #e(a&a )ue ipo de dao e# e#e #e guarda con &a e*encion +'m&

e# como e& na%egador podr,a bu#car&o 'a- %ario# ipo#.e# como e& na%egador podr,a bu#car&o 'a- %ario# ipo#./De#cripion0000 por conenido/De#cripion0000 por conenido

/u'or 000 e& auor/u'or 000 e& auor

/2eneraor 000 Programa )ue ui&i3a/2eneraor 000 Programa )ue ui&i3a

/4e-5ord# 000 pa&abra# c&a%e/4e-5ord# 000 pa&abra# c&a%e 66+ E#o# pueden #er ui&i3ado# &o# 766+ E#o# pueden #er ui&i3ado# &o# 7



8ue e# 'm&

• E# &a e#rucura de una pagina 5eb

• Cua& e# &a #ina*i# de e& HTML

<ei)uea aribuo"%a&or$>conenido<9ei)uea>La ei)uea e# donde #e coniene odo por e:emp&o un boón; un iu&o; ec++

ribuo e# e#e de &a ei)uea )ue #ea co&or ro:o; #ea un ipo de#ea cenrado ec++



e*o#

Para poner &a &era bo&d #e pone

<p> e#e# un prra=o un poco coro para un e:emp&o -e#e e*o #er un peda3o ipo &era bo&d -<9b> &o #iguno e# o#ea e#o <9p>

E#e =ue un e:emp&o de ipo de &era bo&d - #e pone <b> -cerrar#e &a ei)uera <9b> - &o )ue )uede denro o#ea e&conenido #er bo&d



• Para 'acer un cia o#ea una #angr,a e#e #e pone en &ei)uea <b&oc)uoe>

- #e cierra <9b&oc)uoe> + Lo )ue )uede denro #e

•

Para poner en i&ica e# con <cie>e#o #er ia&ica<• Poner una &,nea #eparadora #o&o #e pone un <9'r> #e

#o&a - abre en #i mi#ma - #o&o #epara - #e pone una &,

• Para 'acer un &in <a 're="ur&+'m&$>?nicio<9a>



En&ace#@&inA

• <a arge"Bb&an$ 're="OraPagina+p'p$>ue%En&ace<9a>

• En&ace para oro arc'i%o +

• a en e& 'ead

• <&in re&"#-&e#'ee$ 're="e#i&o+c##$>0000para c##

• <#crip #rc"arc'i%oa%a+:#$><9#crip>00000para a%a



?cono de &a pagina

• <&in re&F#'orcou iconF -oeFimage9*0iconF're=F?con+icoF>

• Giempre #e debe poner&e e& +ico #i no no =uncionaria+



L?GT

• <u&> 0000 crea una &i#a

• <&i>00000 conenido uno <9&i>

• <9u&> 000 #e cierra &a &i#a



?magene#

• Poner una imagen

• <img #crF?mage+pngF 5id'FIIF 'eig'FIIF9>

• Para poner un &ererio a& pa#ar e& mou#e #e pone como a

i&e"a)ui e& conenido$E:emp&o.

<img #rc"image+png$ 5id'JKI 'eig'"II$ i&e"E#una imagen$9>



• <'ead>

E#e e# &a cabe3a de &a pagina a)u, #e ponen &o# en&acedar o #i re)uiere de ora pagina e#e debe cerrar#e de )ue empie3e e& bod-

<'ead>

<i&e>Pagina de prueba<9i&e>

<9'ead>



• E# me:or conener cada #ección de &a pagina en di%=aci&iar #u# =uncione# a &a 'ora de u#ar c##

<di%>

6+ Cua&)uie co#a <9di%>



Tab&a#

• <ab&e>

<r> 0000 empie3a &a &a

<'> 0000 co&umna

<d> 00 #ubiu&o de &a co&umna



=ormu&ario#

• <=orm acion"arc'i%o+p'p$ me'od"POGT$>

• En e#e arc'i%o #e manda e& arc'i%o - me'od e# por cua& mNodo ge

• <inpu -peFe*F %a&ueFe#cribe a)uiF id"unico$ name"ca:a1$>

e& ipo de )ue recibe - e& %a&ue &o )ue dira ambiNn e#a e& id )ue e#

%a&or - por #u pue#o #u nombre de &a %ariab&e+• <inpu -peFe*F p&ace'o&derFe#cribe a)uiF #i3eFKIF ma*&eng'

p&ace'o&der e#e e# ma# ba:o &a &era - pone# una &era - #e borraaunomaicamene

- #i3e e# ob%io e& ama(o e& oro e# e& m*imo )ue admiir+



• Lo# -pe de e*o #on a&guno#

• Te*; emai&; pa##5ord

• C'ecbo* e#e e# e& de &a pa&omia#

• Gubim e# para en%iar &o# dao# por medio de& acion e# comboón



Para #e&eccionar

<#e&ec name"e#ado$ id"e#ado$>

<opion %a&ue"me*ico$>me*ico<9opion>

<9#e&ec>

Para #e&eccionar de enre %ario# - e&egir #o&o uno



e#rucura

• Ge di%ide en e& encabe3ado; conenido - pie de pagindenro de& bod-

• Encabe3ado

• <'eader>

a)u, %a e& &ogoipo; e& men

<9'eader>



Un men #e 'ace con &a ei)uea <na%> denro una &i#a<9na%>

<na%>

<u&>

<&i><a 're="&in+'m&$>??C?O<9a><9&i>

<9u&>

<9na%>



• E& conenido #e u&i&i3an di% o aun me:or denro de& b %a e& #ecion - &e ponemo# una c&a## - denro de e#aaric&e para )ue goog&e &o recono3ca en &a# bu#)ued

• Y e& pie de pagina =ooer )ue ambn %a denro de& bo

• Lo# di% #e ui&i3an ma# para conener imgene# o %idco#a# no an imporane# para e& na%egador

Programación en Web

Documents

Transcript of Programación en Web