2. HTML
«HTM» redirige aquí.Para otrosusosde la sigla, véase Hágalo usted mismo.
HTML, siglasde Hypertext Markup Language(«lenguaje de marcasde hipertexto»),hace
referenciaal lenguaje de marcado para laelaboraciónde páginasweb.Esunestándarque sirve de
referenciaparalaelaboraciónde páginaswebensusdiferentesversiones,define unaestructura
básicay un código(denominadocódigoHTML) para ladefiniciónde contenidode unapáginaweb,
como texto,imágenes,entre otros.Esunestándara cargo de la W3C, organizacióndedicadaala
estandarizaciónde casi todaslastecnologíasligadasala web,sobre todoenloreferente asu
escriturae interpretación.
El lenguaje HTMLbasa su filosofíade desarrollo enlareferenciación.Para
añadirun elementoexternoalapágina (imagen,vídeo, script,entre
otros.),este nose incrustadirectamente enel códigode lapágina,sinoque
se hace una referenciaalaubicaciónde dichoelementomediante texto.
De este modo,lapáginawebcontiene sólotextomientrasque recae enel
navegadorweb(interpretadordel código) latareade unirtodoslos
elementosyvisualizarlapáginafinal.Al serunestándar,HTML busca ser
un lenguaje que permitaque cualquierpáginawebescritaenuna
determinadaversión,puedaserinterpretadade lamismaforma(estándar)
por cualquiernavegadorwebactualizado.
Continúa la evolución: el html5
Un poco de historia
Comoya sabrás, lasdefinicionesoficialesde lasdistintasversionesdel html emanandel w3c
(WordWide Web Consorcio).Este organismoviene aserunaespecie de "Academiade laLengua"
que establece losestándaresdel lenguaje,afinde hacermenoscaóticala programaciónde las
páginasweb.Aunque nosiempre loconsigue.Veamoslaevoluciónhastaahoradel html.
1989 Aparece el HTML, que prontosufrióvariasrevisiones: HTML 2, HTML 3.2, HTML 4 y el
HTML 4.01
2000 Se presentael HTML 1 comola evolución natural de un HTML que deberíadejarde
usarse (a lavistaestá que no fue así).
2002 Se comienzaa definirHTML 2, una actualizaciónde HTML 1 con variasmejoras
semánticasperosincompatibilidadregresiva;erarealmenteunlenguajenuevo.
2004 Se constituye el WebHypertext Aplicación TecnologíaCorningGrupo(Whatwg),un
grupode trabajonacidoal margendel W3C con el propósitode crear una nuevaversión
del estándardesde unpuntode vistadestacadamente práctico,ynotan académico.Yes
que siete añosdespuésde que el W3Cpublicase lasrecomendacionesoficialesde Html
3. 4.01 y Xhtml 1, aún no había ningúnconsensosalidodel W3Csobre el caminoque se
debíaseguir(¿lohabráalguna vez?.
2007 el W3C reconoce el trabajodel Whatwgy lotoma como base para proponeruna
nuevaactualizacióndel estándar.
2009 El w3c abandonadefinitivamente,yantesde terminarsudesarrollo,el Xhtml 2,yse
concentraen definirhtml5.Desde entonceshahabidobastante confusiónsobre cómo
deberíaserel lenguaje parael futurodesarrollode laWeb,yaún hoyno estánada claro.
Etiquetas de HTML
En la presente tablase hace unacomparaciónentre lasetiquetasde formatode texto.
Netscape nosoporta<DFN>: ni <S> (tachado).
Con
etiqu
eta
Sin
etiqu
eta
Con
etique
ta
Sin
etique
ta
Con
etiqu
eta
Sin
etiqu
eta
ADDR
ESS
ADDR
ESS
CITE CITE
B:
NEGR
ITA
B:
NEGR
ITA
BIG BIG CODE CODE DFN DFN
EM EM
I:
ITALIC
A
I:
ITALIC
A
KBD KBD
SAMP SAMP SMALL SMALL
STRO
NG
STRO
NG
4. SUB5 SUB 5 SUP5
SUP 5
S
Tacha
do
S
Tacha
do
TT TT
U
Subray
ado
U
Subray
ado
VAR VAR
Etiquetas
Apertura Acción Atributos Cierre
< ! Comentario. Ninguno -->
<A> Hipervínculo.
HREF, NAME,
REL, REV,
TITLE
</A>
<ADDRESS>
Formatopara
direccióndel
autor.
Ninguno </ADDRESS>
<BASE>
Url del autor;
contextodel
documento.
HREF </BASE>
<BASEFONT
SIZE>
Tamaño de la
fuente base.
Ninguno NO
<BGSOUND>
Sonidode
fondo.
SRC, LOOP.
NO - Internet
Explorer
<BIG>
Aumentael
tamaño.
Ninguno </BIG>
<BLINK>
Hace
parpadearel
texto.
Ninguno
</BLINK> -
Netscape
5. <BLOCKQUO
TE>
Da formato
con sangría a
un párrafo
Ninguno
</BLOCKQUO
TE>
<BODY>
Cuerpodel
documento.
BGCOLOR,
BACKGROUN
D, TEXT, LINK,
VLINK,ALINK
</BODY>
<BR>
Retornode
línea.
CLEAR: Se
utilizaen
combinación
con ALIGN de
IMAGE.
NO
<CAPTION>
Posiciónde la
leyendaen
una tabla.
ALIGN:
TOP/BOTTOM
. Internet
Explorer:
LEFT, RIGHT,
CENTER
</CAPTION>
<CENTER> Centrar. Ninguno </CENTER>
<CITE>
Formatopara
citas en
itálicas.
Ninguno </CITE>
<CODE>
Formatoen
tipocódigo.
Ninguno </CODE>
<DD>
Definiciones
marcadas,
para Lista de
Definiciones
<DL>.
Ninguno NO
<DFN<
Formatoen
itálica.
Internet
Explorer
</DFN<
6. <DIR>
Lista de
directorio,
con
elementos
marcados con
<LI>.
Ninguno </DIR>
<DL>
Lista de
Definiciones,
con términos
marcados con
<DT> y
definiciones
marcadas con
<DD>.
Ninguno </DL>
<DT>
Términos
marcados,
para Lista de
Definiciones
<DL>.
Ninguno NO
<EM>
Formato
enfatizadoen
itálica.
Ninguno </EM>
<EMBED>
Sonidode
Fondo.
SRC, WIDTH,
HEIGHT,
AUTOSTART,
LOOP.
NO -
Netscape
<FONT>
Definiciónde
la fuente.
SIZE,COLOR.
Internet
Explorer:
FACE.
</FONT>
<FORM>
Para ingreso
de datos del
usuarioenun
formulario.
ACTION,
METHOD
</FORM>
7. <H1 ...H6>
Tamaño de
letrasdel 1 al
6.
HTML 3.0:
LEFT, CENTER,
RIGHT
</H1 .../H6>
<HEAD>
Encabezamie
nto del
documento.
BASE,TITLE,
ISINDEX,
NEXTID,
META
</HEAD>
<HR>
Línea
horizontal.
NOSHADE,
SIZE,WIDTH,
ALIGN.
Internet
Explorer:
COLOR
NO
<HTML>
Al principioy
al finde todo
documento.
HEAD, BODY </HTML>
<I>
Itálica
(Cursiva).
Ninguno </I>
<IMG>
Cargar
imágenes.
ALIGN,SRC,
ALT, ISMAP,
WIDTH,
HEIGHT,
VSPACE,
HSPACE
NO
<INPUT>
Define un
objetode
ingresoenun
formulario.
TYPE, NAME,
VALUE, SIZE,
MAXLENGHT,
ALIGN,SRC,
CHECKED
</INPUT>
<ISINDEX>
Indicaque
existe un
index enel
serverpara el
documento.
Netscape:
PROMPT
NO
8. <ISMAP>
Activala
selecciónde
imágenes
para el
usuario.
Ninguno NO
<KBD>
Formato
monoespacia
do.
Ninguno </KBD>
<LI> Ítemde lista.
Netscape:
VALUE, TYPE
NO
<LISTING> Listados
Ninguno.
Obsoleto.
</LISTING>
<LIT>
Literal.Como
PRE, perousa
letra
proporcional.
Ninguno </LIT>
<MARQUEE> Marquesina.
ALIGN,
BEHAVIOR,
BGCOLOR,
DIRECTION,
HEIGHT,
WIDTH,
HSPACE,
VSPACE,
LOOP,
SCROLLAMOU
NT,
SCROLLDELAY
.
</MARQUEE>
- Internet
Explorer
<MENU> Lista menú. Ninguno </MENU>
<META>
Metainforma
ciónubicada
enHEAD.
EQUIV,
CONTENT,
NAME
NO
9. <NEXTID>
Es un
parámetro
que identifica
al
documento.
NO NO
<NOBR>
Eliminalos
saltosde
líneas.
Ninguno NO
<OL>
Lista
ordenada,
con
elementos
marcados con
<LI>.
TYPE, START,
VALUE.
</OL>
<OPTION>
Opciónde
selección
dentrode un
formulario.
VALUE,
SELECTED
VALUE
NO
<P>
Retornode
línea,con un
espacio.
Ninguno NO
<P ALIGN>
Alineaciónde
texto.
LEFT, CENTER,
RIGHT
</P>
<PLAINTEXT
>
Pasaje de
textoplano.
Ninguno.
Obsoleto.
</PLAINTEXT
>
<PRE>
Visualizael
textoensu
formato
original.
WIDTH </PRE>
<S>
Texto
tachado.
Ninguno </S>
10. <SAMP>
Formatotipo
ejemplo.
Ninguno </SAMP>
<SELECT>
Para
selecciónde
opciones
dentrode un
formulario.
NAME, SIZE,
MULTIPLE
</SELECT>
<SMALL>
Disminuye el
tamaño.
Ninguno </SMALL>
<STRONG>
Formato
enfatizado
más fuerte
que <EM>.
Ninguno </STRONG>
<SUB> Subíndice. Ninguno </SUB>
<SUP> Superíndice. Ninguno </SUP>
<TABLE> Tabla.
BORDER,
CELLPADDING
,
CELLSPACING,
HEIGTH,
WIDTH.
Internet
Explorer:
COLOR
</TABLE>
<TD>
Celdasde una
filaenuna
tabla,dentro
de <TR>.
ALIGN,
VALIGN,
NOWRAP,
COLSPAN,
ROWSPAN,
HEIGTH,
WIDTH
</TD>
12. <A>
Atributos
Nombre Etiqueta Acción Valor
HREF
Dirección
del URL
local o
remoto.
href="www.hp.c
om"
LOOP
<BGSOUN
D>
Númerode
vecesque se
reproduce el
archivode
sonido.Para
permanente se
usa INFINITEo -
1.
loop=infinite
SRC
Nombre del
archivode
sonido(Internet
Explorer)
src="sonido.wav"
LOOP
<EMBED>
Númerode
vecesque se
reproduce el
archivode
sonido.Para
permanente se
usa INFINITEo -
1.
loop=-1
SRC
Nombre del
archivode
sonido(con
Crescendo)
src="sonido.mid"
SRC <IMAGE>
Nombre del
gráfico
src="imagen.gif"
13. ALT
Nombre que
reemplazaala
imágencuando
éstano puede
sercargada.
alt="Nombre de
Imágen"
BGCOLOR
<BODY>
Colorde fondo
bgcolor="#FFFFFF
" (blanco)
BACKGROU
ND
Imágende fondo
background="foto
.gif"
TEXT Colordel texto
text="#000000"
(negro)
LINK Colorde vínculo
link="#0000FF"
(azul)
VLINK
Colorde vínculo
visitado
vlink="#FF0000"
(rojo)
ALINK
Colorde vínculo
presionado
alink="#00FF00"
(verde)
ALIGN
<CAPTION
> dentro
de
<TABLE>
Colocartítulo
arriba (TOP) o
debajo
(BOTTOM) de la
tabla.
align=top
ALIGN
<H1..H6>,
<P
ALIGN>,
<TD>,
<TH>,
<TR>,
<DIV>,
Alinearel texto:
LEFT, RIGHT,
CENTER
align=center
ALIGN <HR>
Alinearel texto:
LEFT, RIGHT,
CENTER
align=center
14. SIZE
Valorde la altura
enpixelso
porcentaje
size=3
WIDTH
Valordel ancho
enpixelso
porcentaje
width=50%
SIZE
<FONT>
Tamaño de la
letrade 1 a 7
size=6
COLOR Colorde la letra
color="#000000"
(negro)
FACE
Fuente del texto
(Internet
Explorer)
face="helv"
(helvética)
HEIGHT <EMBED>,
<IMAGE>,
<MARQUE
E>, <TD>,
<TH>
Valorde la altura
enpixelso
porcentaje
heigth=80
WIDTH
Valordel ancho
enpixelso
porcentaje
width=50%
BORDER
<TABLE>
Borde y ancho
del borde enla
tabla
border=5
CELLPADDI
NG
Espacioentre el
borde y el texto
cellpadding=10
CELLSPACI
NG
Espacioentre las
líneasinternay
externadel
borde
cellspacing=3
HEIGHT
Valorde la altura
enpixelso
porcentaje
heigth=80