Principales etiquetas Html

Lista de las principales etiquetas Html

<B>…</B>

Texto en negrita

<BIG>…</BIG>

Ampliación del tamaño de los caracteres

<BLINK>…</BLINK>

Texto parpadeante

<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 de los caracteres

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

<UL>

<LI>

</UL>

Lista no numerada Elemento de lista

<OL>

<LI>

</OL>

Lista numerada

Elemento de lista

Listas y rayas

<DL>

<DT>…</DT>

<DD>…</DD>

</DL>

Lista de glosario

Termino de glosario (sin retracto) Explicación del termino (con retracto) Línea de separación

<HR> 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 src="xyz.gif">

<IMG src="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=top>

<TD valign=middle>

<TD valign=bottom>

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

También te podría gustar...

1 respuesta

  1. Diego dice:

    Gracias por información sobre HTML. Directa y resumida

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *