Etiquetas de HTML

Guía práctica de HTML

Etiquetas de HTML

En la presente tabla se hace una comparación entre las etiquetas de formato de texto . Netscape no soporta <DFN>: ni <S> (tachado).

Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta

ADDRESS
ADDRESS CITE CITE B: NEGRITA B: NEGRITA

BIG BIG CODE CODE DFN DFN

EM EM I: ITALICA I: ITALICA KBD KBD

SAMP SAMP SMALL SMALL STRONG STRONG

SUB₅ SUB 5 SUP⁵ SUP 5 ~~S Tachado~~ S Tachado

TT TT U Subrayado U Subrayado VAR VAR

Con etiqueta	Sin etiqueta	Con etiqueta	Sin etiqueta	Con etiqueta	Sin etiqueta
ADDRESS	ADDRESS	CITE	CITE	B: NEGRITA	B: NEGRITA
BIG	BIG	`CODE`	CODE	DFN	DFN
EM	EM	I: ITALICA	I: ITALICA	`KBD`	KBD
`SAMP`	SAMP	SMALL	SMALL	STRONG	STRONG
SUB₅	SUB 5	SUP⁵	SUP 5	~~S Tachado~~	S Tachado
`TT`	TT	U Subrayado	U Subrayado	`VAR`	VAR

Etiquetas

Apertura Acción Atributos Cierre

< ! Comentario. Ninguno -->

<A> Hipervínculo. HREF, NAME, REL, REV, TITLE </A>

<ADDRESS> Formato para dirección del autor. Ninguno </ADDRESS>

<BASE> Url del autor; contexto del documento. HREF </BASE>

<BASEFONT SIZE> Tamaño de la fuente base. Ninguno NO

<BGSOUND> Sonido de fondo. SRC, LOOP. NO - Internet Explorer

<BIG> Aumenta el tamaño. Ninguno </BIG>

<BLINK> Hace parpadear el texto. Ninguno </BLINK> - Netscape

<BLOCKQUOTE> Da formato con sangría a un párrafo Ninguno </BLOCKQUOTE>

<BODY> Cuerpo del documento. BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK </BODY>

<BR> Retorno de línea. CLEAR: Se utiliza en combinación con ALIGN de IMAGE. NO

<CAPTION> Posición de la leyenda en una tabla. ALIGN: TOP/BOTTOM. Internet Explorer: LEFT, RIGHT, CENTER </CAPTION>

<CENTER> Centrar. Ninguno </CENTER>

<CITE> Formato para citas en itálicas. Ninguno </CITE>

<CODE> Formato en tipo código. Ninguno </CODE>

<DD> Definiciones marcadas, para Lista de Definiciones <DL>. Ninguno NO

<DFN< Formato en itálica. Internet Explorer </DFN<

<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 enfatizado en itálica. Ninguno </EM>
<EMBED> Sonido de Fondo. SRC, WIDTH, HEIGHT, AUTOSTART, LOOP. NO - Netscape
<FONT> Definición de la fuente. SIZE, COLOR. Internet Explorer: FACE. </FONT>

<FORM> Para ingreso de datos del usuario en un formulario. ACTION, METHOD </FORM>

<H1 ...H6> Tamaño de letras del 1 al 6. HTML 3.0: LEFT, CENTER, RIGHT </H1 .../H6>

<HEAD> Encabezamiento del documento. BASE, TITLE, ISINDEX, NEXTID, META </HEAD>

<HR> Línea horizontal. NOSHADE, SIZE, WIDTH, ALIGN. Internet Explorer: COLOR NO

<HTML> Al principio y al fin de 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 objeto de ingreso en un formulario. TYPE, NAME, VALUE, SIZE, MAXLENGHT, ALIGN, SRC, CHECKED </INPUT>

<ISINDEX> Indica que existe un index en el server para el documento. Netscape: PROMPT NO

<ISMAP> Activa la selección de imágenes para el usuario. Ninguno NO

<KBD> Formato monoespaciado. Ninguno </KBD>

<LI> Ítem de lista. Netscape: VALUE, TYPE NO

<LISTING> Listados Ninguno. Obsoleto. </LISTING>

<LIT> Literal. Como PRE, pero usa letra proporcional. Ninguno </LIT>

<MARQUEE> Marquesina. ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, LOOP, SCROLLAMOUNT, SCROLLDELAY. </MARQUEE> - Internet Explorer

<MENU> Lista menú. Ninguno </MENU>

<META> Metainformación ubicada en HEAD. EQUIV, CONTENT, NAME NO

<NEXTID> Es un parámetro que identifica al documento. NO NO

<NOBR> Elimina los saltos de líneas. Ninguno NO

<OL> Lista ordenada, con elementos marcados con <LI>. TYPE, START, VALUE. </OL>

<OPTION> Opción de selección dentro de un formulario. VALUE, SELECTED VALUE NO

<P> Retorno de línea, con un espacio. Ninguno NO

<P ALIGN> Alineación de texto. LEFT, CENTER, RIGHT </P>

<PLAINTEXT> Pasaje de texto plano. Ninguno. Obsoleto. </PLAINTEXT>

<PRE> Visualiza el texto en su formato original. WIDTH </PRE>

<S> Texto tachado. Ninguno </S>

<SAMP> Formato tipo ejemplo. Ninguno </SAMP>

<SELECT> Para selección de opciones dentro de 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> Celdas de una fila en una tabla, dentro de <TR>. ALIGN, VALIGN, NOWRAP, COLSPAN, ROWSPAN, HEIGTH, WIDTH </TD>

<TEXTAREA> Área para ingreso de texto dentro de un formulario. NAME, ROWS, COLS. </TEXTAREA>

<TH> Título de Tabla. ROWSPAN, COLSPAN, ALIGN, VALIGN, NOWRAP, HEIGHT, WIDTH </TH>

<TITLE> Título dentro de HEAD. Ninguno </TITLE>

<TR> Fila de una Tabla. ALIGN, VALIGN </TR>

<TT> Formato tipo máquina. Ninguno </TT>

<UL> Lista no ordenada, con elementos marcados con <LI> . COMPACT, TYPE </UL>

<VAR> Formato tipo variable. Ninguno </VAR>

<WBR> Se usa con NOBR para una sección que deba ser separada. Ninguno NO

<XMP> Similar a PRE. Ninguno </XMP>

Etiquetas
Apertura	Acción	Atributos	Cierre
< !	Comentario.	Ninguno	-->
<A>	Hipervínculo.	HREF, NAME, REL, REV, TITLE	</A>
<ADDRESS>	Formato para dirección del autor.	Ninguno	</ADDRESS>
<BASE>	Url del autor; contexto del documento.	HREF	</BASE>
<BASEFONT SIZE>	Tamaño de la fuente base.	Ninguno	NO
<BGSOUND>	Sonido de fondo.	SRC, LOOP.	NO - Internet Explorer
<BIG>	Aumenta el tamaño.	Ninguno	</BIG>
<BLINK>	Hace parpadear el texto.	Ninguno	</BLINK> - Netscape
<BLOCKQUOTE>	Da formato con sangría a un párrafo	Ninguno	</BLOCKQUOTE>
<BODY>	Cuerpo del documento.	BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK	</BODY>
<BR>	Retorno de línea.	CLEAR: Se utiliza en combinación con ALIGN de IMAGE.	NO
<CAPTION>	Posición de la leyenda en una tabla.	ALIGN: TOP/BOTTOM. Internet Explorer: LEFT, RIGHT, CENTER	</CAPTION>
<CENTER>	Centrar.	Ninguno	</CENTER>
<CITE>	Formato para citas en itálicas.	Ninguno	</CITE>
<CODE>	Formato en tipo código.	Ninguno	</CODE>
<DD>	Definiciones marcadas, para Lista de Definiciones <DL>.	Ninguno	NO
<DFN<	Formato en itálica.	Internet Explorer	</DFN<
<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 enfatizado en itálica.	Ninguno	</EM>
<EMBED>	Sonido de Fondo.	SRC, WIDTH, HEIGHT, AUTOSTART, LOOP.	NO - Netscape
<FONT>	Definición de la fuente.	SIZE, COLOR. Internet Explorer: FACE.	</FONT>
<FORM>	Para ingreso de datos del usuario en un formulario.	ACTION, METHOD	</FORM>
<H1 ...H6>	Tamaño de letras del 1 al 6.	HTML 3.0: LEFT, CENTER, RIGHT	</H1 .../H6>
<HEAD>	Encabezamiento del documento.	BASE, TITLE, ISINDEX, NEXTID, META	</HEAD>
<HR>	Línea horizontal.	NOSHADE, SIZE, WIDTH, ALIGN. Internet Explorer: COLOR	NO
<HTML>	Al principio y al fin de 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 objeto de ingreso en un formulario.	TYPE, NAME, VALUE, SIZE, MAXLENGHT, ALIGN, SRC, CHECKED	</INPUT>
<ISINDEX>	Indica que existe un index en el server para el documento.	Netscape: PROMPT	NO
<ISMAP>	Activa la selección de imágenes para el usuario.	Ninguno	NO
<KBD>	Formato monoespaciado.	Ninguno	</KBD>
<LI>	Ítem de lista.	Netscape: VALUE, TYPE	NO
<LISTING>	Listados	Ninguno. Obsoleto.	</LISTING>
<LIT>	Literal. Como PRE, pero usa letra proporcional.	Ninguno	</LIT>
<MARQUEE>	Marquesina.	ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, LOOP, SCROLLAMOUNT, SCROLLDELAY.	</MARQUEE> - Internet Explorer
<MENU>	Lista menú.	Ninguno	</MENU>
<META>	Metainformación ubicada en HEAD.	EQUIV, CONTENT, NAME	NO
<NEXTID>	Es un parámetro que identifica al documento.	NO	NO
<NOBR>	Elimina los saltos de líneas.	Ninguno	NO
<OL>	Lista ordenada, con elementos marcados con <LI>.	TYPE, START, VALUE.	</OL>
<OPTION>	Opción de selección dentro de un formulario.	VALUE, SELECTED VALUE	NO
<P>	Retorno de línea, con un espacio.	Ninguno	NO
<P ALIGN>	Alineación de texto.	LEFT, CENTER, RIGHT	</P>
<PLAINTEXT>	Pasaje de texto plano.	Ninguno. Obsoleto.	</PLAINTEXT>
<PRE>	Visualiza el texto en su formato original.	WIDTH	</PRE>
<S>	Texto tachado.	Ninguno	</S>
<SAMP>	Formato tipo ejemplo.	Ninguno	</SAMP>
<SELECT>	Para selección de opciones dentro de 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>	Celdas de una fila en una tabla, dentro de <TR>.	ALIGN, VALIGN, NOWRAP, COLSPAN, ROWSPAN, HEIGTH, WIDTH	</TD>
<TEXTAREA>	Área para ingreso de texto dentro de un formulario.	NAME, ROWS, COLS.	</TEXTAREA>
<TH>	Título de Tabla.	ROWSPAN, COLSPAN, ALIGN, VALIGN, NOWRAP, HEIGHT, WIDTH	</TH>
<TITLE>	Título dentro de HEAD.	Ninguno	</TITLE>
<TR>	Fila de una Tabla.	ALIGN, VALIGN	</TR>
<TT>	Formato tipo máquina.	Ninguno	</TT>
<UL>	Lista no ordenada, con elementos marcados con <LI> .	COMPACT, TYPE	</UL>
<VAR>	Formato tipo variable.	Ninguno	</VAR>
<WBR>	Se usa con NOBR para una sección que deba ser separada.	Ninguno	NO
<XMP>	Similar a PRE.	Ninguno	</XMP>

<A>

Atributos

Nombre Etiqueta Acción Valor

HREF Dirección del URL local o remoto. href="www.hp.com"

LOOP <BGSOUND> Número de veces que se reproduce el archivo de sonido. Para permanente se usa INFINITE o -1. loop=infinite

SRC Nombre del archivo de sonido (Internet Explorer) src="sonido.wav"

LOOP <EMBED> Número de veces que se reproduce el archivo de sonido. Para permanente se usa INFINITE o -1. loop=-1

SRC Nombre del archivo de sonido (con Crescendo) src="sonido.mid"

SRC <IMAGE> Nombre del gráfico src="imagen.gif"

ALT Nombre que reemplaza a la imágen cuando ésta no puede ser cargada. alt="Nombre de Imágen"

BGCOLOR <BODY> Color de fondo bgcolor="#FFFFFF" (blanco)

BACKGROUND Imágen de fondo background="foto.gif"

TEXT Color del texto text="#000000" (negro)

LINK Color de vínculo link="#0000FF" (azul)

VLINK Color de vínculo visitado vlink="#FF0000" (rojo)

ALINK Color de vínculo presionado alink="#00FF00" (verde)

ALIGN <CAPTION> dentro de <TABLE> Colocar título arriba (TOP) o debajo (BOTTOM) de la tabla. align=top

ALIGN <H1..H6>, <P ALIGN>, <TD>, <TH>, <TR>, <DIV>, Alinear el texto: LEFT, RIGHT, CENTER align=center

ALIGN <HR> Alinear el texto: LEFT, RIGHT, CENTER align=center

SIZE Valor de la altura en pixels o porcentaje size=3

WIDTH Valor del ancho en pixels o porcentaje width=50%

SIZE <FONT> Tamaño de la letra de 1 a 7 size=6

COLOR Color de la letra color="#000000" (negro)

FACE Fuente del texto (Internet Explorer) face="helv" (helvética)

HEIGHT <EMBED>, <IMAGE>, <MARQUEE>, <TD>, <TH> Valor de la altura en pixels o porcentaje heigth=80

WIDTH Valor del ancho en pixels o porcentaje width=50%

BORDER <TABLE> Borde y ancho del borde en la tabla border=5

CELLPADDING Espacio entre el borde y el texto cellpadding=10

CELLSPACING Espacio entre las líneas interna y externa del borde cellspacing=3

HEIGHT Valor de la altura en pixels o porcentaje heigth=80

WIDTH Valor del ancho en pixels o porcentaje width=50%

COLSPAN <TD> dentro de <TABLE> Expandir una celda varias columnas colspan=4

ROWSPAN Expandir una celda varias filas rowspan=4

Atributos
Nombre	Etiqueta	Acción	Valor
HREF	Dirección del URL local o remoto.	href="www.hp.com"
LOOP	<BGSOUND>	Número de veces que se reproduce el archivo de sonido. Para permanente se usa INFINITE o -1.	loop=infinite
SRC	Nombre del archivo de sonido (Internet Explorer)	src="sonido.wav"
LOOP	<EMBED>	Número de veces que se reproduce el archivo de sonido. Para permanente se usa INFINITE o -1.	loop=-1
SRC	Nombre del archivo de sonido (con Crescendo)	src="sonido.mid"
SRC	<IMAGE>	Nombre del gráfico	src="imagen.gif"
ALT	Nombre que reemplaza a la imágen cuando ésta no puede ser cargada.	alt="Nombre de Imágen"
BGCOLOR	<BODY>	Color de fondo	bgcolor="#FFFFFF" (blanco)
BACKGROUND	Imágen de fondo	background="foto.gif"
TEXT	Color del texto	text="#000000" (negro)
LINK	Color de vínculo	link="#0000FF" (azul)
VLINK	Color de vínculo visitado	vlink="#FF0000" (rojo)
ALINK	Color de vínculo presionado	alink="#00FF00" (verde)
ALIGN	<CAPTION> dentro de <TABLE>	Colocar título arriba (TOP) o debajo (BOTTOM) de la tabla.	align=top
ALIGN	<H1..H6>, <P ALIGN>, <TD>, <TH>, <TR>, <DIV>,	Alinear el texto: LEFT, RIGHT, CENTER	align=center
ALIGN	<HR>	Alinear el texto: LEFT, RIGHT, CENTER	align=center
SIZE	Valor de la altura en pixels o porcentaje	size=3
WIDTH	Valor del ancho en pixels o porcentaje	width=50%
SIZE	<FONT>	Tamaño de la letra de 1 a 7	size=6
COLOR	Color de la letra	color="#000000" (negro)
FACE	Fuente del texto (Internet Explorer)	face="helv" (helvética)
HEIGHT	<EMBED>, <IMAGE>, <MARQUEE>, <TD>, <TH>	Valor de la altura en pixels o porcentaje	heigth=80
WIDTH	Valor del ancho en pixels o porcentaje	width=50%
BORDER	<TABLE>	Borde y ancho del borde en la tabla	border=5
CELLPADDING	Espacio entre el borde y el texto	cellpadding=10
CELLSPACING	Espacio entre las líneas interna y externa del borde	cellspacing=3
HEIGHT	Valor de la altura en pixels o porcentaje	heigth=80
WIDTH	Valor del ancho en pixels o porcentaje	width=50%
COLSPAN	<TD> dentro de <TABLE>	Expandir una celda varias columnas	colspan=4
ROWSPAN	Expandir una celda varias filas	rowspan=4

Esta Guía fué preparada por Carlos Crismatt Mouthon E-mail: crismatt@hotmail.com