Resumen Etiquetas HTML

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
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
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
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,
<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,
width (mximo de caracteres
por lnea, no es recomendado
su uso), id, class, dir, style,
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,
xml:lang
ETIQUETA
HTML
<cite>
<code>
<samp>
<br>
(HTML4)
<br/>
(XHTML)
<hr>
(HTML4)
<hr/>
(XHTML)
DESCRIPCIN
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

lang y xml:lang
lang y xml:lang
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,
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,
name (nombre del mapa de
imagen), id, class, dir, style,
alt, accesskey, href, nohref
(para indicar que no tiene
llink), shape (para especificar
la forma del rea), target, id,
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
compact, id, class, dir,
<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
lang
lang y xml:lang
<strike> y
<s> (uso
desaconsejad
o)
<b> (se
recomienda
<strong> en
su lugar)
<em>
Se utilizan para mostrar texto

tachado

lang y xml:lang
Permite establecer una negrita

en el texto

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

lang y xml:lang
lang y xml:lang
lang y xml:lang
Define un texto cuyo tamao es

pequeo

lang y xml:lang
<em> en su
lugar
<big> (uso
desaconsejad
o)
<small> (uso
desaconsejad
o)
ETIQUETA
HTML
<center>
(uso
desaconsejad
o)
<ins>
DESCRIPCIN
Indica que el texto se muestra

centrado

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,
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,
id, class, dir, style, title
lang y xml:lang. Aclaracin:
en este caso dir es
obligatorio
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>

lang y xml:lang
color, face, size, id, class,
xml:lang
id, class, dir, style,
lang y xml:lang
lang y xml:lang
lang y xml:lang
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
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,
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,
type (desaconsejado), value
(desaconsejado), id, class,
xml:lang
lang y xml:lang
lang y xml:lang
lang y xml:lang
<dt>
<dd>
<dfn>
<menu>
(uso
desaconseja
do para
HTML4, se
redefine en
HTML5)
Permite definir una lista de

men

lang y xml:lang
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
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,
ETIQUETA
HTML
<td>
DESCRIPCIN
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,
y xml:lang
align, bgcolor
(desaconsejado), char,
charof, valign, id, class,
xml:lang
abbr, align, axis, bgcolor
(desaconsejado), char,
charof, colspan, scope,
height (desaconsejado),
width (desaconsejado),
nowrap (desaconsejado),
rowspan, valign, id, class,
xml:lang
align, char, charof, span,
valign, width, id, class, dir,
10
ETIQUETA
HTML
<colgroup>
<tbody>
DESCRIPCIN
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,
align, char, charof, valign,
lang y xml:lang
align, char, charof, valign,
lang y xml:lang
align (desaconsejado), id,
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
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,

y xml:lang
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
lang y xml:lang
ETIQUETA
HTML
<iframe>
DESCRIPCIN
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

Resumen Etiquetas HTML

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Resumen Etiquetas HTML

Uploaded by

Copyright:

Available Formats

RESUMEN

ETIQUETAS PARA ENCABEZADO

Se emplea para especificar el

Permite indicar el ttulo del

Se utiliza para vincular archivos

xmlns (solo para XHTML),

content (es requerido para

type, media, dir, title, lang

<head> deja de soportar profile

Adems, se retira el elemento <noscript>

ETIQUETAS QUE SE USAN EN EL CUERPO DEL DOCUMENTO

Marca el comienzo del cuerpo

Se utilizan para definir los

link (estilo del color de los

Se usa para texto preformateado

Se emplea para indicar una cita

Se utiliza para citas cortas

Se utiliza para definir un prrafo

align (no es recomendado su

Permite definir una cita (o

id, class, dir, style, title,

Se emplea para crear una lnea

noshade (el elemento se

Se utiliza para marcar un enlace

Permite definir la direccin o el

Permite definir un mapa de

Si la utilizamos con un mapa de

align, border, height,

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

<area> ya no soporta nohref

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

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

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

ELEMENTOS RELACIONADOS CON FUENTES Y TEXTOS

Posibilita especificar algunas

Posibilita indicar un superndice

Con esta etiqueta, se establece

id, class, dir, style, title y

Se utilizan para mostrar texto

id, class, dir, style, title,

Permite establecer una negrita

id, class, dir, style, title,

Permite destacar con nfasis

Asigna un nfasis fuerte a un

id, class, dir, style, title,

Define un texto cuyo tamao es

id, class, dir, style, title,

Indica que el texto se muestra

id, class, dir, style, title y

Indica un texto insertado

Se emplea para indicar un texto

Permite definir la direccin del

Permite definir una lista de

cite (URL del documento que

Se utiliza para indicar

Define el texto del teclado

id, class, dir, style, title,

ETIQUETAS PARA LISTAS

Permite definir una lista sin

Se utiliza para definir una lista

Define un tem de una lista

Se usa para crear una lista de

compact (para mostrar la

Permite definir una lista de