Está en la página 1de 12

RESUMEN

DE ETIQUETAS

HTML

ATRIBUTOS HTML
Los atributos se utilizan para poder especificar ciertas caractersticas que tendr el
elemento o bien para ofrecer ms informacin sobre l.
Existen atributos que son obligatorios y otros, opcionales.
Hay atributos globales, que son soportados por la mayora de los elementos y otros
que son muy particulares del elemento.
Principales atributos:

id: identificador nico del elemento (no pueden existir dos elementos con la
misma id en un mismo documento)
class: permite indicar el nombre de la clase del elemento
style: se usa para especificar el estilo (inline) para el elemento
title: hace posible escribir informacin adicional sobre el elemento
dir: permite especificar la direccin para el contenido en el elemento (el
valor puede ser rtl o ltr)
lang: se utiliza para especificar el cdigo del lenguaje para el contenido del
elemento. Para espaol se usa lang=es-ES
xml:lang: permite definir el cdigo de lenguaje para elementos (en XHTML).
El ejemplo para espaol es: xml:lang=es
charset: permite especificar la codificacin de caracteres del documento al
que se hace referencia. Por lo general se utiliza UTF-8 (para Unicode) o ISO8859-1 (para alfabeto latino)
media: para especificar el tipo de dispositivo de salida. Su valor puede ser
screen, tty, tv, projection, handheld, print, braille, aural, all
accesskey: tecla de acceso rpido
href: permite indicar la URL de un archivo recurso
hreflang: permite indicar el lenguaje del texto en el documento
rel: se encarga de indicar la relacin entre el documento actual, respecto del
que est vinculado
rev: indica la relacin entre el documento vinculado y el actual
target: permite indicar el destino para el documento vinculado. Puede ser:
_blank, _self, _top y _parent
type: permite especificar el tipo MIME
align: permite indicar la alineacin del elemento. Puede tomar los valores
left, center, right o justify. Es un atributo que, desde hace tiempo, ha
dejado de utilizarse ya que esto debe manejarse de CSS
height: define el alto del elemento
width: se usa para definir el ancho del elemento

ETIQUETAS PARA ENCABEZADO


HTML4/XHTML
ETIQUETA
HTML
<!DOCTYPE>
<html>
<head>

<title>

<meta>

<link>

<style>
<script>

<noscript>

DESCRIPCIN

PRINCIPALES ATRIBUTOS

Se emplea para especificar el


tipo de documento
Define y establece el inicio en
un documento HTML
Indica el comienzo del
encabezado del documento

No posee

Permite indicar el ttulo del


documento. Se ubica en el
encabezado del documento
Con esta etiqueta, es posible
incluir informacin de metadatos
en el documento. Por ejemplo,
descripcin, palabras clave,
autor, etctera

Se utiliza para vincular archivos


externos. Define una relacin
entre el documento actual y una
fuente externa (por ejemplo, un
archivo CSS). Se ubica en el
encabezado del documento
Se utiliza para definir los estilos
CSS del documento
Contiene los scripts del lado
cliente del documento. Si se
utiliza el atributo src, es posible
indicar la ruta de un archivo de
script externo
Permite definir un contenido
alternativo para los navegadores
que no soportan scripts del lado
cliente

xmlns (solo para XHTML),


dir, lang y xml:lang
lang, xml:lang, dir y profile
(URL del documento con
metadata de perfiles)
lang, dir, xml:lang

content (es requerido para


definir el contenido de la
metaetiqueta), http-equiv
(encabezado HTTP para
informacin del contenido del
atributo), name (provee de
nombre a la informacin del
atributo: description, autor,
keywords, generator, etc),
scheme (contiene el formato
o la URL con la informacin
del esquema que debe
utilizarse para interpretar el
contenido del atributo), dir,
lang y xml:lang
charset, href, hreflang,
media, rel, rev, target,
type, id, class, dir, style,
title, lang y xml:lang

type, media, dir, title, lang


y xml:lang
type, charset, src, defer
(permite indicar que la
ejecucin del script se
demore hasta que cargue la
pgina)
id, class, dir, style, title,
lang y xml:lang

HTML5
Atributos que dejan de ser soportados:

<head> deja de soportar profile


<html> deja de soportar el atributo versin
<link> deja de soportar rev, charset y target
<meta> deja de soportar scheme y se aade el atributo charset

Adems, se retira el elemento <noscript>

ETIQUETAS QUE SE USAN EN EL CUERPO DEL DOCUMENTO


HTML4/XHTML
ETIQUETA
HTML
<body >

DESCRIPCIN

PRINCIPALES ATRIBUTOS

Marca el comienzo del cuerpo


del documento

<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<p>

Se utilizan para definir los


distintos niveles de ttulo de un
documento HTML. <h1> es el
de mayor jerarqua y <h6> es el
de menor

link (estilo del color de los


enlaces visitados), alink
(estilo de los enlaces activos),
vlink (estilo del color del
enlace visitado),
background (estilo del
fondo), bgcolor (estilo del
color de fondo; al igual que
los anteriores atributos, no es
recomendado su uso), text
(estilo del color de texto), id,
class, dir, style, title, lang
y xml:lang
align (no es recomendado su
uso), id, class, dir, style,
title, lang y xml:lang

<pre>

Se usa para texto preformateado

<blockquote
>

Se emplea para indicar una cita


larga (un bloque)

<q>

Se utiliza para citas cortas

Se utiliza para definir un prrafo

align (no es recomendado su


uso), id, class, dir, style,
title, lang y xml:lang
width (mximo de caracteres
por lnea, no es recomendado
su uso), id, class, dir, style,
title, lang y xml:lang
cite (permite especificar la
fuente de la cita), id, class,
dir, style, title, lang y
xml:lang
cite (se trata de un atributo
que nos permite especificar la
URL de la fuente de la cita
correspondiente), id, class,
dir, style, title, lang y
xml:lang

ETIQUETA
HTML
<cite>
<code>
<samp>
<br>
(HTML4)
<br/>
(XHTML)
<hr>
(HTML4)
<hr/>
(XHTML)

DESCRIPCIN

PRINCIPALES ATRIBUTOS

Permite definir una cita (o


referencia)
Se emplea para indicar que es
un texto de computadora
Se utiliza para ejemplificar un
texto de cdigo de computadora
Inserta una lnea en blanco
(como si fuera un enter en el
texto

id, class, dir, style, title,


lang y xml:lang
id, class, dir, style, title,
lang y xml:lang
id, class, dir, style, title,
lang y xml:lang
id, class, style, y title

Se emplea para crear una lnea


horizontal

noshade (el elemento se


debe representar en un color
slido), size (el alto del
elemento), width (ancho del
elemento), align (igual que
los anteriores atributos, su
uso est desaconsejado), id,
class, dir, style, title, lang
y xml:lang
charset, href, hreflang,
cords (coordenadas del
enlace), shape (forma del
enlace), name (nombre del
ancla), target, rel, rev,
accesskey, id, class, dir,
style, title, lang y xml:lang
href, target

<a>

Se utiliza para marcar un enlace


o ancla (hacia afuera o hacia
dentro del documento HTML)

<base>

Permite definir la direccin o el


destino por defecto en los links
de una pgina
Se utiliza para definir una
imagen

<img>

<map>

Permite definir un mapa de


imagen (image-map)

<area>

Si la utilizamos con un mapa de


imgenes nos permite definir
reas que deseemos

align, border, height,


hspace, ismap, longdesc,
usemap, vspace
(desaconsejado), width, alt
(texto alternativo para la
imagen), src, id, class, dir,
style, title, lang y xml:lang
name (nombre del mapa de
imagen), id, class, dir, style,
title, lang y xml:lang
alt, accesskey, href, nohref
(para indicar que no tiene
llink), shape (para especificar
la forma del rea), target, id,
class, dir, style, title, lang
y xml:lang

HTML5
Atributos que dejan de ser soportados:

<a> deja de soportar ref, charset, shape y coords


<img> deja de soportar longdesc
4

<area> ya no soporta nohref


Ya no debe utilizarse el atributo name con <img>

Recordemos que align (atributo soportado por muchos elementos) no es


recomendado, ya que su funcin puede ser efectuada mediante el uso de CSS.
Otras recomendaciones son las siguientes:

Siempre a favor de CSS, para la etiqueta <body> no es recomendable usar


alink, link, text, vlink, background y bgcolor
Tampoco es recomendable usar hspace y vspace con <img>
Para <hr>, no se recomiendan los atributos size y noshade

Entre los principales atributos que se suman a algunos elementos en HTML5,


encontramos que <a> y <area> incorporan media. Por otra parte, <area> suma
los atributos hreflang y rel.

ELEMENTOS RELACIONADOS CON FUENTES Y TEXTOS


HTML4/XHTML
ETIQUETA
HTML
<font> (uso
desaconsejad
o)

DESCRIPCIN

PRINCIPALES ATRIBUTOS
compact, id, class, dir,
style, title, lang y xml:lang

<sub>

Posibilita especificar algunas


caractersticas de
representacin de la fuente,
como color y tamao
Permite definir un subndice

<sup>

Posibilita indicar un superndice

<i> (se
recomienda

Con esta etiqueta, se establece


un texto en itlica (cursiva)

id, class, dir, style, title y


lang
id, class, dir, style, title y
lang
id, class, dir, style, title,
lang y xml:lang

<strike> y
<s> (uso
desaconsejad
o)
<b> (se
recomienda
<strong> en
su lugar)
<em>

Se utilizan para mostrar texto


tachado

id, class, dir, style, title,


lang y xml:lang

Permite establecer una negrita


en el texto

id, class, dir, style, title,


lang y xml:lang

Permite destacar con nfasis

<strong>

Asigna un nfasis fuerte a un


texto
Indica que el texto debe ir en
tamao grande

id, class, dir, style, title,


lang y xml:lang
id, class, dir, style, title,
lang y xml:lang
id, class, dir, style, title,
lang y xml:lang

Define un texto cuyo tamao es


pequeo

id, class, dir, style, title,


lang y xml:lang

<em> en su
lugar

<big> (uso
desaconsejad
o)
<small> (uso
desaconsejad
o)

ETIQUETA
HTML
<center>
(uso
desaconsejad
o)
<ins>

DESCRIPCIN

PRINCIPALES ATRIBUTOS

Indica que el texto se muestra


centrado

id, class, dir, style, title y


lang

Indica un texto insertado

<del>

Se emplea para indicar un texto


borrado

<bdo>

Permite definir la direccin del


texto

<dir> (uso
desaconsejad
o)
<abbr>

Permite definir una lista de


directorio (un rbol)

cite (URL del documento que


explica por qu el texto ha
sido insertado o cambiado),
datatime (fecha en que el
texto fue insertado o
cambiado), id, class, dir,
style, title, lang y xml:lang
cite (URL del documento que
explica por qu el texto ha
sido insertado o cambiado),
datatime (fecha en que el
texto fue insertado o
cambiado), id, class, dir,
style, title, lang y xml:lang
id, class, dir, style, title
lang y xml:lang. Aclaracin:
en este caso dir es
obligatorio
compact, id, class, dir,
style, title y lang

<tt>

Se utiliza para indicar


abreviaturas
Permite definir, de manera
predeterminada, una fuente, su
color y tamao. Solo soportado
por Internet Explorer
Se emplea para definir
acrnimos
Texto de teletipo

<kbd>

Define el texto del teclado

<address>

Permite especificar la
informacin de un contacto

<basefont>
(uso
desaconsejad
o)
<acronym>

id, class, dir, style, title,


lang y xml:lang
color, face, size, id, class,
dir, style, title, lang y
xml:lang
id, class, dir, style,
lang y xml:lang
id, class, dir, style,
lang y xml:lang
id, class, dir, style,
lang y xml:lang
id, class, dir, style,
lang y xml:lang

title,
title,
title,
title,

HTML5
Debemos tener en cuenta que todo lo que pueda ser resuelto empleando estilos,
debe ser realizado mediante CSS. Se retiran los siguientes elementos: <basefont>,
<big>, <center>, <font>, <s>, <strike>, <tt> y <u>, adems de <dir> y
<acronym>.
En el caso de <address>, se emplea para secciones; la etiqueta <b> es para
aplicar estilos, pero no tiene importancia (como la tiene <strong>) para enfatizar.
La etiqueta <small> se utiliza para comentarios al margen o impresiones que
utilizan tipografas de pequeo tamao.

ETIQUETAS PARA LISTAS


HTML4/XHTML
ETIQUETA
HTML
<ul>

DESCRIPCIN

PRINCIPALES ATRIBUTOS

Permite definir una lista sin


orden

<ol>

Se utiliza para definir una lista


ordenada

<li>

Define un tem de una lista

<dl>

Se usa para crear una lista de


definicin
Su funcin es definir un trmino
de la lista de definicin
Permite definir la descripcin de
un trmino en una lista de
definicin
Define un trmino de definicin

compact (para mostrar la


lista compacta, su uso es
desaconsejado), type (puede
ser disc, square o circle; su
uso es desaconsejado), id,
class, dir, style, title, lang
y xml:lang
compact (para mostrarla
compacta y pequea, su uso
es desaconsejado), start
(punto de inicio de la lista),
type, id, class, dir, style,
title, lang y xml:lang
type (desaconsejado), value
(desaconsejado), id, class,
dir, style, title, lang y
xml:lang
id, class, dir, style, title,
lang y xml:lang
id, class, dir, style, title,
lang y xml:lang
id, class, dir, style, title,
lang y xml:lang

<dt>
<dd>

<dfn>
<menu>
(uso
desaconseja
do para
HTML4, se
redefine en
HTML5)

Permite definir una lista de


men

id, class, dir, style, title,


lang y xml:lang
compact, id, class, dir,
style, title y lang

HTML5
La etiqueta <menu> se redefine para que pueda ser empleada con los nuevos
tipos de men.
Por otro lado, las listas definidas con <ol> suman el atributo reversed para indicar
que utilizan el orden descendente.

ELEMENTOS PARA DEFINIR UNA TABLA


HTML4/XHTML
ETIQUETA
HTML
<table>

DESCRIPCIN

PRINCIPALES ATRIBUTOS

Se emplea para definir una tabla

align (desaconsejado),
bgcolor (color de fondo,
desaconsejado), border
(ancho del borde),
cellpadding (espacio entre
la celda y su contenido),
cellspacing (espacio entre
las celdas), frame (especifica
las partes de afuera de los
bordes que sern visibles),
rules (especifica las partes
interiores de los bordes que
sern visibles), summary
(sumario de contenido de la
tabla), width (ancho de la
tabla), id, class, dir, style,
title, lang y xml:lang

ETIQUETA
HTML
<td>

DESCRIPCIN

PRINCIPALES ATRIBUTOS

Con esta etiqueta se define una


celda en una tabla

<tr>

Define una fila en una tabla

<th>

Se utiliza para definir una celda


de encabezado de una tabla

<col>

Permite indicar los atributos de


una columna de una tabla

abbr (texto abreviado del


contenido de la celda), align,
axis (categora de la celda),
bgcolor (color de fondo de la
celda, desaconsejado), char
(alinea el contenido de la
celda a un carcter), charof
(permite especificar el
nmero de caracteres a
alinear, respecto a los
indicados en char), colspan
(permite indicar el nmero de
columnas que la celda puede
abarcar), headers
(encabezado de la tabla
relativo a una celda), scope
(indica la manera de asociar
los encabezados de celda con
el contenido de la celda en la
tabla), height
(desaconsejado), width,
nowrap (indica que el
contenido no se puede
envolver, desaconsejado),
rowspan (indica el nmero
de celdas que pueden ser
abarcadas), valign
(alineacin vertical en la
celda, desaconsejado), id,
class, dir, style, title, lang
y xml:lang
align, bgcolor
(desaconsejado), char,
charof, valign, id, class,
dir, style, title, lang y
xml:lang
abbr, align, axis, bgcolor
(desaconsejado), char,
charof, colspan, scope,
height (desaconsejado),
width (desaconsejado),
nowrap (desaconsejado),
rowspan, valign, id, class,
dir, style, title, lang y
xml:lang
align, char, charof, span,
valign, width, id, class, dir,
style, title, lang y xml:lang

10

ETIQUETA
HTML
<colgroup>

<tbody>

DESCRIPCIN

PRINCIPALES ATRIBUTOS

Se utiliza para agrupar columnas


de una tabla (para poder darles
formato)
Agrupa contenido en el cuerpo
de una tabla

align, char, charof, span,


valign, width, id, class, dir,
style, title, lang y xml:lang
align, char, charof, valign,
id, class, dir, style, title,
lang y xml:lang
align, char, charof, valign,
id, class, dir, style, title,
lang y xml:lang
align (desaconsejado), id,
class, dir, style, title, lang
y xml:lang

<tfoot>

Define el pie de una tabla

<caption>

Permite definir el ttulo de una


tabla

HTML5
Para elementos de tablas, no se deben emplear los atributos bgcolor, border,
cellpadding, valign, height, width, nowrap, rules, frame, char y charof

ELEMENTOS PARA REAS DE CONTENIDOS Y FRAMES


HTML4/XHTML
ETIQUETA
HTML
<div>

<span>

<frameset>

<frame>

<noframes>

DESCRIPCIN

PRINCIPALES ATRIBUTOS

Permite envolver un rea de


contenido para definir una
seccin
Posibilita definir un rea del
documento. Se usa para poner
referencias y asignar atributos o
estilos
Se trata de la etiqueta necesaria
para que podamos definir un
conjunto de marcos
Se usa para definir un marco

align (desaconsejado), id,


class, dir, style, title, lang
y xml:lang
id, class, dir, style, title,
lang y xml:lang

Permite definir un texto


alternativo en los navegadores
que no soportan frames

11

cols (columnas), rows (filas),


class, id, style y title
frameborder (para indicar si
el marco tiene borde o no,
booleano), longdesc
(descripcin larga),
marginheight (mrgenes
superiores e inferiores del
marco), marginwidth
(mrgenes izquierdo y
derecho), noresize (si el
marco no puede cambiar de
tamao), scrolling (si el
marco puede tener scroll),
src, name, id, style, title
id, class, dir, style, title,
lang y xml:lang

ETIQUETA
HTML
<iframe>

DESCRIPCIN

PRINCIPALES ATRIBUTOS

Define un iframe, es decir, un


marco incorporado o inline
frame. Este marco puede
mostrar otra pgina dentro del
documento

align (uso desaconsejado),


frameborder, height,
longdesc, marginheight,
marginwidth, scrolling,
src, id, name, class, style y
title

HTML5
La etiqueta <iframe> deja de soportar el atributo longdesc, adems se sustituyen
por CSS los atributos frameborder, scrolling, marginheight y marginwidth. Por
ltimo, a la misma etiqueta <iframe> se incorporan los atributos sandbox,
seamless y srcdoc.

12