Comandos Bsicos

< HTML > ... < /HTML > : Indica el comienzo y fin de un archivo HTML
< HEAD > ... < /HEAD > : Indica el comienzo y fin de un encabezado a!u" #e
coloca $eneralmen%e el %"%ulo&.
< TITLE > ... < /TITLE > : Indica el %"%ulo.
< '(D) > ... < /'(D) > : Indica el comienzo y fin del cuer*o de la *+$ina.
< , > ... < /, > : Indica comienzo y fin de un *+rrafo.
< '- > : ,ermi%e #al%ar#e una l"nea #e llama !uiebre de l"nea&.
< Hn > ... < Hn > : ,ara n en%re . y /0 hacen !ue el %e1%o encerrado a*arezca
como encabezado un #ub%"%ulo&. 2e recomienda u#ar #3lo .04 y 5.
Ti*o# de le%ra#:
< ' > ... < /' > : Negrita.
< L > ... < /L > : .
< 'LI67 > ... < /'LI67 > : Parpadeante.
< 2T-(68 > ... < /2T-(68 > : Enfa%izada.
< 9L > ... < /9L > : Indica comienzo y fin de una li#%a no ordenada *un%o#&.
Den%ro de ello#0 cada i%em em*ieza *or < LI > y %ermina al %erminar la l"nea.
< (L > ... < /(L > : Indica comienzo y fin de una li#%a ordenada n:mero#&.
Den%ro de ello#0 cada i%em em*ieza *or < LI > y %ermina al %erminar la l"nea.
E;em*lo:
< (L >
< LI > ,rimer i%em
< LI > 2e$undo i%em
< 9L >
< LI > ,rimer #ubi%em
< LI > 2e$undo #ubi%em
< /9L >
< LI > Tercer i%em
< /(L >

) e#%o #e ve
,rimer i%em
2e$undo i%em
,rimer #ubi%em
2e$undo #ubi%em
Tercer i%em
89<A -=,IDA DE >(MA6D(2 HTML
El HTML (HIPERTEXT MAKE UP LENGUAGE), son comandos con los que se desarrollan las p!"nas
#E$%
A con&"nuac"'n (a) una l"s&a con al!unos de los comandos usados en HTML%
*E+,RIP,I-N INI,I- .INAL ,-MENTARI-+
-/l"!a&or"as
Pr"nc"p"o de
*ocumen&o
0(&ml1 02(&ml1
Toda la cod"3"cac"'n de/e es&ar "nclu"da en
es&as e&"que&as
Enca/e4ado 0(ead1 02(ead1
*en&ro del enca/e4ado se encon&rar el
&5&ulo%
T5&ulo 0&"&le1 02&"&le1
Es el &e6&o que aparece en la /arra de
&5&ulos del na7e!ador
,uerpo 0/od)1 02/od)1 ,uerpo de la p!"na
Para &oda la p!"na
,olor de .ondo
0/od)
/!color89#RRVVAA9
1





Perm"&e colocar un color un"3orme de
3ondo a &oda la p!"na% Es&e color es&ar
3ormado por : n;meros (e6adec"males
que "nd"quen<
RR 8 &onal"dad de color ro=o
>> 8 &onal"dad del color 7erde
AA 8 &onal"dad del color a4ul
Ima!en de .ondo
0/od)
/ac?!round89nombr
eimagen.gif91

nom/re"ma!en%!"3de/er reempla4arse
por el nom/re de la "ma!en% +e
recom"enda u&"l"4ar 3orma&os %!"3 o %=p!
,olores de &e6&o
color de enlaces
enlaces 7"s"&ados
0/od)
&e6&89#RRVVAA9
L"n? 89#RRVVAA9
>l"n? 89#RRVVAA9
Al"n? 89#RRVVAA9


Perm"&e de3"n"r los colores que se
apl"carn en 3orma !en@r"ca para el &e6&o
como para los enlaces% El color es&
represen&ado por un n;mero (e6adec"mal
Es&"los 0s&)le1 02s&)le1
Perm"&e de3"n"r un es&"lo de 3uen&e, color,
&amaAo, e&c para &odo el documen&o%
Me&a 0me&a
name89descr"p&"on9
con&en&89comen&ar"o
s9
name89?e)Bords9
con&en&89pala/raC
pala/raD %%%
pala/ran91
02me&a1 Perm"&e de3"n"r prop"edades "n&ernas del
documen&o%
Name 8 9descr"p&"on9 con&en& 8 E+er el
resumen con que se pu/l"car en el
/uscador% No u&"l"4ar ms de DF pala/ras9
Name 8 9?e)Bords9 con&en& 8 9podrn
de3"n"rse pala/ras cla7es para que nues&ro
documen&o sea encon&rado por los
/uscadores9
+on"do
0/!sound
src8966%Ba79
loop8"n3"n"&e2n1
0em/ed
src8966%Ba79
B"d&(8DGG (e"!(&8FF
au&os&ar&89&rue9
loop89&rue9
("dden89&rue91

E=ecu&a un arc("7o de son"do%
66%Ba7 se de/e reempla4ar por el nom/re
del arc("7oH loop n"nd"ca la can&"dad de
7eces que se repe&"r%
La e&"que&a Em/ed con sus prop"edades,
se u&"l"4a por las "ncompa&"/"l"dades de los
na7e!adores%
,on es&a opc"'n aparece una consola
cu)as d"mens"ones se de3"nen
con #"d&(o He"!(& ) que puede ocul&arse
con H"dden 8 9&rue9
Presen&ac"'n de &e6&o
Enca/e4am"en&os 0(C10(D1%%%%0(I1
02(C102(D1
%%%%02(I1
-pc"ones de 3orma&o de &e6&o para
enca/e4ados,
Ne!r"&a
,urs"7a
+u/ra)ado
0/1
0"1
0u1
02/1
02"1
02u1
,oloca el &e6&o "nclu"do con @s&os
3orma&os%
Parpadeo 0/l"n?1 02/l"n?1 El &e6&o es&ar parpadean&e
Grande
PequeAa
0/"!1
0small1
02/"!1
02small1
A!randa el &e6&o
*"sm"nu)e el &e6&o
Subndice
+uper5nd"ce
0su/1
0sup1
02su/1
02sup1
Represen&a el &e6&o so/re el ren!l'n o
/a=o el ren!l'n%
,olor del Te6&o
03on&
color89JRR>>AA91
023on&1
Perm"&e colocar un color a la 3uen&e% El
color es& represen&ado por un n;mero
(e6adec"mal%
TamaAo del Te6&o 03on& s"4e89n91 023on&1
*e3"ne un &amaAo de 3uen&e
espec53"co% nrepreKsen&a un n;mero del G
al L al que lue!o podrn a!re!arle los
s"!nos M o K
T"po de 3uen&e
03on& 3ace89nom/re
de 3uen&e91
023on&1
Perm"&e de3"n"r un nom/re de .uen&e
espec53"co%
Es&"lo de 3uen&e 0&&1 02&&1
.orma&o de 3uen&e ,our"er de &amaAo
menor (T)peBr"&er)
Te6&o
pre3orma&eado
0pre1 02pre1
.orma&o de 3uen&e &"po ,our"er% +e
represen&an los espac"os en /lanco
Te6&o en
Mo7"m"en&o
0marquee1(&e6&o) 02marquee1
Perm"&e que un &e6&o &en!a mo7"m"en&o%
Pueden a!re!arse a&r"/u&os para
d"mens"onar la marques"na, para al"near
el &e6&o, para mod"3"car &amaAo, 3uen&e )
color%
L5nea Hor"4on&al 0(r89n91
No u&"l"4a
e&"que&a de
c"erre
Tra4a un l5nea (or"4on&al cu)o !rosor es&
represen&ado por NnE
Espac"o en $lanco On/sp No u&"l"4a Represen&a un espac"o en /lanco%
e&"que&a de
c"erre
,omen&ar"o 0PK comen&ar"o1 K1
,omen&ar"os que no sern 7"s"/les en la
pan&alla%
,arac&eres
espec"ales
Escr"/o Para 7er
Ol&H 0
O!&H 1
OampH O
Oquo&H 9
Oaacu&eH
Oeacu&eH @
O"acu&e 5
Ooacu&eH '
Ouacu&eH ;
OAacu&eH Q
OEacu&eH R
OIacu&eH S
O-acu&eH T
OUacu&eH U
On&"ldeH A
ON&"ldeH V
OuumlH W
OUumlH X
OJCYCH Z
OJCICH [


Perm"&en que los carac&eres espec"ales
sean le5dos por &odos los na7e!adores en
sus d"s&"n&as 7ers"ones%

La escr"&ura de cada carc&er com"en4a
con el s"!no ampersand (O) ) de/e
&erm"nar con pun&o ) coma (H)

En es&a &a/la 7emos como escr"/"r
al!unos s5m/olos, s"!nos, las le&ras V ) A,
) las 7ocales acen&uadas en ma);scula )
m"n;scula%
Presen&ac"'n de prra3os
Al"neac"ones
0cen&er1
0le3&1
0r"!(&1
02cen&er1
02le3&1
02r"!(&1
Todo &e6&o que se escr"/a en&re es&as
e&"que&as su3r"r esa al"neac"'n %
+an!r5a 0/loc?quo&e1
02/loc?quo&e
1
+e u&"l"4a para des&acar una c"&a%
Parra3o
0p al"!n8
cen&er\le3&\r"!(&\=us&
"3)1
02p1
Real"4a la separac"'n en&re prra3os, ) la
al"neac"'n de es&os%
Ren!lones en
/lanco
0/r1
Perm"&e de=ar ren!lones en /lanco
Tra&am"en&o de "m!enes
Ima!en Ind"7"dual 0"m! Perm"&e "nser&ar una "ma!en en la p!"na
src89nom/re"ma!en%
!"391
que es&amos d"seAando% El arc("7o de la
"ma!en de/er es&ar u/"cado en la m"sma
carpe&a que la p!"na, caso con&rar"o se
de/er "nd"car su ru&a de acceso
Te6&o de la
"ma!en
0"m!
src89nom/re"ma!en%
!"39 al&89&e6&o91

,oloca un &e6&o que podr leerse al pasar
el pun&ero del ra&'n so/re la "ma!en o
cuando @s&a no se car!a%
Al"neac"'n del
&e6&o
0"m!
src89nom/re"ma!en%
!"39
al"!n8 &op \ m"ddle \
/o&&om1

Ind"car la pos"c"'n en que u/"caremos al
&e6&o que acompaAa a la "ma!en
Top Arr"/a \M"ddle Med"o \$o&&om A/a=o
Anc(o
Al&o
0"m!
src89nom/re"ma!en%
!"39
B"d&(89n9
(e"!(&89n91

*e3"ne el &amaAo de la "ma!en
#"d&( 8 anc(o \ (e"!(& 8 al&ura n 8 ser
un 7alor en p"6eles
>"deos
0"m!
d)nsrc89arc("7"%a7"9
loop8"n3"n"&e con&rols
s&ar&8 mouseo7er1

Perm"&e a!re!ar arc("7os de 7"deo%
L"s&as
L"s&a numerada
0ol &)pe8 A \ a \ I \
" s&ar&8n1
0l(1 &5&ulo de la l"s&a
02l(1
0l"1 Pr"mera opc"'n
0l"1 +e!unda
opc"'n
0l"1 Tercera opc"'n
02ol1
+e u&"l"4a cuando las opc"ones de/en ser
numerados% La opc"'n &)perepresen&an
n;mero o le&ras )s&ar& "nd"car el n;mero
con que "n"c"a%
L"s&a no ordenada
0ul &)pe8square \
c"rcle \ d"s?1
0l(1 &5&ulo de la l"s&a
02l(1
0l"1 Pr"mera opc"'n
0l"1 +e!unda
opc"'n
0l"1 Tercera opc"'n
02ul1
+e u&"l"4a cuando las opc"ones no
presen&an un orden de&erm"nado% La
opc"'n &)perepresen&a la 7"Ae&a%
L"s&a con
san!rado
0dl1
0l(1 &5&ulo de la l"s&a
02l(1
0d&1 Pr"mer &ema
0dd1 Pr"mer
de&alle
0dd1 +e!undo
de&alle
0d&1 +e!undo &ema
02dl1 +e u&"l"4a cuando las opc"ones lle7an un
&5&ulo ) una de3"n"c"'n
0dd1 Tercer
de&alle
0dd1 ,uar&o
de&alle
Enlaces o L"n?s
Enlace a o&ro URL 0a (re38966691 ))) 02a1
666 se de/e reempla4ar por la d"recc"'n
URL des&"no del enlace%
))) es el &e6&o "nd"ca&"7o que se leer en
la p!"na%
Enlace a un
eKma"l
0a (re3 8
9ma"l&o<d"recc"'n eK
ma"l91 &e6&o
"nd"ca&"7o del enlace
02a1
Te perm"&e un enlace d"rec&o a &u cl"en&e
de correo prede&erm"nado
Marca para enlace
den&ro de la
m"sma p!"na
(Ancla K Anc(or)
0a (re389Jmarca91
Te6&o de enlace al
ancla
02a1
Re3erenc"a una pos"c"'n a la que lue!o se
acceder%
Local"4ar enlace
an&er"or
0a name89marca91
&e6&o del ancla
02a1
Enla4a una pos"c"'n pre7"amen&e
marcada, den&ro de la m"sma p!"na
Enlace a o&ra
p!"na con
marca, den&ro del
m"smo s"&"o
0a
(re389a/%(&mJmarca
91 &e6&o "nd"ca&"7o
del enlace
02a1
Enla4a a la pos"c"'n es&a/lec"da en marca,
en la p!"na a/%(&m
Enlace con
"ma!enes
0a (re389666910"m!
src89nom/re"ma!en%
!"391
02a1
666 se de/e reempla4ar por la d"recc"'n
URL des&"no del enlace%
nom/re"ma!en%!"3se de/e reempla4ar por
el nom/re de "ma!en selecc"onado
Enla4a a la d"recc"'n URL (ac"endo un
cl"c? so/re la "ma!en%
Ta/las
*e3"n"c"'n 0&a/le1 02&a/le1 ,rea una &a/la
$ordes
,olor de $ordes
0&a/le /order8n
/ordercolor89JRR>>
AA91



n 8 represen&a al !rosor del /orde%
Tam/"@n se podr espec"3"car el color del
/orde
+eparac"'n en&re
celdas
0&a/le
cellspac"n!8n1

Las celdas podrn separarse por el n7alor

+eparac"'n en&re
el /orde ) el
con&en"do
0&a/le
cellpadd"n!8n1

El con&en"do podr es&ar separado del
/orde por el 7alor "nd"cado en n
Al&o
anc(o
0&a/le (e"!(&8n o
porcen&a=e
B"d&(8n o
porcen&a=e1

+e puede es&a/lecer un 7alor o un
porcen&a=e para de3"n"r el &amaAo de la
&a/la
,olor de .ondo o
Ima!en de .ondo
0&a/le
/!color89JRR>>AA9
/ac?!round89"ma!en
%!"391



+e puede es&a/lecer un color de 3ondo de
&oda la &a/la o colocar una "ma!en de
3ondo
T5&ulo
0cap&"on
al"!n8&op \ /o&&om1
&e6&o del &5&ulo
02cap&"on1
Pos"/"l"&a colocar un &5&ulo a la &a/la
al"neado&op8arr"/a o/o&&om8a/a=o
*e3"n"c"'n de 3"las
0&r
al"!n8le3&\cen&er\r"!
(&
7al"!n8&op\m"ddle\/
o&&om
/!color89JRR>>AA9
1
02&r1
Por cada 3"la que &en!a la &a/la de/er
u&"l"4arse es&a e&"que&a< se podr
es&a/lecer la al"neac"'n del con&en"do, la
u/"cac"'n den&ro de la 3"la ) el color de
3ondo%
*e3"n"c"'n de
&5&ulos
0&(
al"!n8le3&\cen&er\r"!
(&\=us&"3)\dec"mal
7al"!n8&op\m"ddle\/
o&&om\/asel"ne
/!color89JRR>>AA9
1
02&(1
Perm"&e de3"n"r los nom/res de las
columnas%
*e3"n"c"'n de
da&os o
con&en"dos
0&d
al"!n8le3&\cen&er\r"!
(&\=us&"3)\dec"mal
7al"!n8&op\m"ddle\/
o&&om\/asel"ne
/!color89JRR>>AA9
1
02&d1
,oloca con&en"dos a cada celda
,elda que ocupa
muc(as 3"las
0&d
roBspan8numero de
3"las1
02&d1
+e puede com/"nar una celda para que
ocupe muc(as 3"las%
,elda que ocupa
muc(as columnas
0&d colspan8numero
de columnas1
02&d1
+e puede com/"nar una celda para que
ocupe muc(as columnas%
.ormular"os
*e3"n"c"'n 03orm1
In"c"a un 3ormular"o% +e u&"l"4a para la
en&rada o el en75o de da&os%
Acc"ones
03orm
ac&"on89ma"l&o<d"recc
"on]ema"l9
me&(od8pos&
enc&)pe89&e6&2pla"n9
1Te6&o re3eren&e

En75a la respues&a "nmed"a&amen&e a la
d"recc"'n espec"3"cada en 3orma&o de
&e6&o%
In&roducc"'n de
da&os
0"npu&
&)pe89&e6&9
In!resa un o/=e&o den&ro del 3ormular"o,
se de/er de3"n"r el &"po de o/=e&o, el
name89nom/re del
campo 3ormular"o9
7alue89as"!nac"'n de
un da&o9
s"4e89n;mero9
ma6len!(&89n;mero9
1
nom/re del campo 3ormular"o, el 7alor
"n"c"al que se le as"!na, el &amaAo m6"mo
de 7"sual"4ac"'n del campo ) el &amaAo
m6"mo de carac&eres que puede &ener
ese campo%
,on el &)pe 8 9&e6&9 no se as"!na >alue
-pc"ones de
&)pe
/u&&on
c(ec?/o6
3"le
("dden
"ma!e
passBord
rad"o
rese&
su/m"&
&e6&

c(ec?/o6 8 se 7"sual"4a un cuadro de
7er"3"cac"'n, s" deseamos que apare4ca
&"ldado a!re!amos ,HE,KE*%
passBord 8 el "n!reso se represen&a con
as&er"scos%
rad"o 8 7"sual"4a /o&ones de rad"o )
perm"&e que el usuar"o el"=a una opc"'n
en&re 7ar"as% +e a!re!an &an&os "npu&
como opc"ones deseamos%
rese& 8 7"sual"4a un /o&'n que al (acerle
cl"c? /orrar los da&os%
su/m"& 8 7"sual"4a un /o&'n que al (acerle
cl"c? en7"ar los da&os%
&e6& 8 crea un campo para "n!resar
carac&eres al3anum@r"cos
In!reso de un
&e6&o que ocupa
muc(as l5neas
0&e6&area
name89nom/re del
campo 3ormular"o9
roBs89can&"dad de
3"las9
cols89can&"dad de
columnas91
02&e6&area1
Perm"&e "n!resar un &e6&o e6&enso, por
e=emplo comen&ar"os
In!reso por med"o
de un men;
0selec&
name89nom/re del
campo 3ormular"o91
0op&"on1C^ opc"'n
0op&"on1D^ opc"'n
0op&"on1:^ opc"'n
02selec&1
Perm"&e op&ar por los da&os de un men;
.rames o Marcos
*e3"n"c"'n 03ramese&1 023ramese&1 In"c"a la de3"n"c"'n de un 3rame%
.rames en
columnas
.rame en 3"las
03ramese&
cols89DG_,`G_91
03ramese&
roBs89:G_,LG_1

*e3"ne dos 3rame en columnas ocupando
uno el DG_ de la pan&alla ) el o&ro el `G_
res&an&e%
*e3"ne dos 3rame en 3"las ocupando una el
:G_ de la pan&alla ) la o&ra el LG_
res&an&e
,on&en"do de
cada 3rame
03rame
src893rameC%(&m91
03rame
src893rameD%(&m9
*e3"ne en que 3rame se car!ar cada
p!"na%
+e as"!nar unname en es&e
casopr"nc"pal para "nd"car que se
name89pr"nc"pal91 7"sual"cen all5 los 3u&uros enlaces
*es&"no del 3rame &ar!e&89pr"nc"pal9
+e u&"l"4a como a&r"/u&o de un enlace e
"nd"ca en que 3rame de/er 7"sual"4arse
ese enlace%
9a /lan?9 8 se a/r"r una nue7a
7en&anadel na7e!ador ) se 7"sual"4ar en
ella%
9asel39 8 el enlace se car!a en el prop"o
3rame%
9a&op9 8 el enlace se car!a a pan&alla
comple&a en la m"sma 7en&ana,
supr"m"endo los o&ros 3rame%
A&r"/u&os del &a!
3ramese&
/order8G
3rame/order8G
3ramespac"n!8G

$order 8 G "nd"ca que no (a/r (uecos de
separac"'n en&re 3rames (para Ne&scape)%
3rame/order 8 G"nd"ca que no (a/r
/orde de separac"'n en&re 3rames%
3ramespac"n! 8 G"nd"ca que no (a/r
(uecos de separac"'n en&re 3rames (para
E6plorer)%
A&r"/u&os del &a!
3rame
3rame/order89no9
mar!"n(e"!(&89n;me
ro9
mar!"nB"d&(89n;mer
o9
name89nom/re del
3rame9
nores"4e
scroll"n!89)es2no2au&
o9
src89d"recc"'n%(&m9

.rame/order 8el"m"na los /ordes de un
3rame
mar!"nB"d&( )mar!"n(e"!(& 8 de3"nen el
anc(o ) al&o de los mar!enes del 3rame%
name 8 de3"ne el nom/re del 3rame%
Nores"4e 8 "nd"ca que el 3ram no podr
red"mens"onarse%
scroll"n! 8 "n"dca s" &endr o no /arra de
despla4am"en&o%
src 8 "nd"ca el con&en"do del 3rame%
+" el 3rame no
puede 7"sual"4arse
0no3rames1 02no3rames1
+" el na7e!ador no cuen&a con la
pos"/"l"dad de "nclu"r .rames, con es&e &a!
puede de3"n"rse una d"recc"'n al&erna&"7a%
+e coloca lue!o de los &a! .RAME ) lle7an
den&ro un &e6&o de3"n"3o en&re los &a!
0/od)1 02/od)1