Etiquetas de HTML

Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej. <nombre-de-elemento>) y una etiqueta de cierre (p.ej. </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (p.ej. <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.

 

 

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
SUB5 SUB 5 SUP5 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>

<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