HTML, siglas de HyperText Markup Language («lenguaje
de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante
para la elaboración de páginas web que se utiliza para describir y
traducir la estructura y la información en forma de texto, así como para
complementar el texto con objetos tales como imágenes. El HTML se escribe en
forma de «etiquetas», rodeadas por corchetes angulares (<,>).
HTML también puede describir, hasta un cierto punto, la apariencia de un
documento, y puede incluir un script (por ejemplo JavaScript),
el cual puede afectar el comportamiento de navegadores web y otros
procesadores de HTML.
A continuación dejo una lista de las principales etiquetas de este lenguaje:
Puesta en forma de los caracteres
|
|
<B>…</B>
|
Texto en
negrita
|
<BIG>…</BIG>
|
Ampliación
del tamaño de los caracteres
|
<BLINK>…</BLINK>
|
Texto
parpadeante (Netscape solo)
|
<EM>…</EM>
|
Texto en
itálico
|
<FONT color=”#XXXXXX”>
…</FONT> |
Texto en
color donde
XXXXXX es un valor hexadecimal |
<FONT size=X>…</FONT>
|
Tamaño
de los caracteres donde
X es un valor de 1 a 7 |
<I>…</I>
|
Texto en
itálico
|
<NOBR>…</NOBR>
|
Impide
las rupturas automáticas
de línea de los browser |
<PRE>…</PRE>
|
Texto
preformateado, o sea con una visualización
de todos los espacios y saltos de línea |
<SMALL>…</SMALL>
|
Reducción
del tamaño de los caracteres
|
<STRONG>…</STRONG>
|
Puesta
en negrita del texto
|
<SUB>…</SUB>
|
Texto en
indicio
|
<SUP>…</SUP>
|
Texto en
exponente
|
<U>…</U>
|
Texto
subrayado
|
Puesta en forma del texto
|
|
<!–…–>
|
Comentarios
ignorado por el navegador
|
<BR>
|
A la
línea
|
<BLOCKQUOTE>…
</BLOCKQUOTE> |
Citación
(introduce un retracto de texto)
|
<CENTER>…</CENTER>
|
Centra
cada elemento comprendido en la etiqueta
|
<DIV align=center> …</DIV>
|
Centra
el elemento encuadrado por la etiqueta
|
<DIV align=left> …</DIV>
|
Alinea
el elemento a la izquierda
|
<DIV align=right> …</DIV>
|
Alinea
el elemento a la derecha
|
<Hx>…</Hx>
<Hx align=center>…</Hx> <Hx align=left>…</Hx> <Hx align=right>…</Hx> |
Título o
x tiene un valor de 1 à 7
Título centrado Título alineado a la izquierda Titulo alineado a la derecha |
<P>…</P>
<P align=center>…</P> <P align=left>…</P> <P align=right>…</P> |
Nuevo
párrafo
Párrafo centrado Párrafo alineado a la izquierda Párrafo alineado a la derecha |
Listas
|
|
<UL>
<LI> </UL> |
Lista no
numerada
Elemento de lista |
<OL>
<LI> </OL> |
Lista
numerada
Elemento de lista |
<DL>
<DT>…</DT> <DD>…</DD> </DL> |
Lista de
glosario
Termino de glosario (sin retracto) Explicación del termino (con retracto) |
Rayas
|
|
<HR>
|
Línea de
separación. Raya horizontal
|
<HR width=”x%”>
|
Anchura
de la raya en %
|
<HR width=x>
|
Anchura
de la raya en pixeles
|
<HR size=x>
|
Altura
de la raya en pixeles
|
<HR align=center>
<HR align=left> <HR align=right> |
Raya
centrada
Raya alineada a la izquierda Raya alineada a la derecha |
<HR noshade>
|
Raya sin
efecto de sombreado
|
Enlaces
|
|
<A href=”http://…”>…</A>
|
Enlace
hacia una página Web
|
<A href=”mailto:…”>…</A>
|
Enlace
hacia una dirección Email
|
<A href=”fichier.htm”>…</A>
|
Enlace
hacia la página fichero.htm
situada en el mismo directorio |
<A name=”xyz”>…</A>
|
Definición
de una ancla
|
<A href=”xyz”>…</A>
<A href=”fichier#xyz”>…</A> |
Enlace
hacia una ancla
|
Imagenes
|
||
<IMG scr=”xyz.gif”>
<IMG scr=”xyz.pjg> |
Inserción
de una imagen al formato Gif o Jpg
(ver enlaces para la dirección) |
|
<IMG … width=x height=y>
|
Puesta a
la escala de la imagen en pixeles
|
|
<IMG … border=x>
|
Definición
del borde de una imagen con un enlace
|
|
<IMG … alt=”votre texte”>
|
Texto
alternativo cuando la imagen no esta mostrada
|
|
<IMG … align=bottom>
<IMG … align=middle> <IMG … align=top> <IMG … align=left> <IMG … align=right> |
Alinea
la imagen abajo
Alinea la imagen en el medio Alinea la imagen arriba Alinea la imagen a la izquierda Alinea la imagen a la derecha |
|
<IMG … hspace=x>
<IMG … vspace=y> |
Espaciamiento
horizontal entre la imagen y el texto Espaciamiento vertical entre la imagen
y el texto
|
|
Tablas
|
|
<TABLE>…</TABLE>
|
Definición
de una tabla
|
<TABLE width=”x%”>
|
Anchura
de la tabla en %
|
<TABLE width=x>
|
Anchura
de la tabla en pixeles
|
<TABLE border=x>
|
Anchura
del borde
|
<TABLE cellpadding=x>
|
Espacio
entre el borde y el texto
|
<TABLE cellspacing=x>
|
Espesor
de la raya entre las celdas
|
<TR>…</TR>
|
Línea de
la tabla
|
<TD>…</TD>
|
Celda de
la tabla
|
<TD bgcolor=”#XXXXXX”>
|
Color de
una celda de la tabla
|
<TD width=”x%”>
<TD width=x> |
Anchura
de columna en %
Anchura de columna en pixeles |
<TD align=center>
<TD align=left> <TD align=right> |
Texto
centrado en la celda
Texto alineado a la izquierda en la celda Texto alineado a la derecha en la celda |
<TD valign=bottom>
<TD valign=middle> <TD valign=top> |
Alineación
hacia arriba del contenido de la celda Centrado vertical del contenido de una
celda
Alineación hacia el bajo del contenido de la celda |
<TD colspan=x>
<TD rowspan=x> |
Numero
de celdas para fusionar horizontalmente Numero de celdas para fusionar
verticalmente
|
Frames
|
|
<FRAMESET>…</FRAMESET>
|
Define
una estructura de frames
(reemplaza la etiqueta BODY) |
<FRAMESET rows=”x%,y%,…”>
|
División
horizontal de la ventana en %
|
<FRAMESET cols=”x%,y%,…”>
|
División
vertical de la ventana en %
|
<FRAME src=”fichier.htm”>
|
Fichero
mostrado en una ventana de frames
|
<NOFRAMES>…</NOFRAMES>
|
Contenido
para los browser no previstos para los frames
|
Fichero Html
|
|
<HTML>…</HTML>
|
Principio
y fin del fichero Html
|
<HEAD>…</HEAD>
|
Zona de
encabezamiento de un fichero Html
|
<TITLE>…</TITLE>
|
Titulo
visualizado por el browser (elemento de HEAD)
|
<BODY>…</BODY>
|
Principio
y fin del cuerpo del fichero Html
|
<BODY bgcolor=”#XXXXXX”>
|
Color
del fondo (en hexadecimal)
|
<BODY background=”xyz.gif”>
|
Imagen
del fondo
|
