Elemento raz
Element
o
Descripcin
<html>
Representa la raz de un documento HTML o XHTML. Todos los dems
elementos deben ser descendientes de este elemento.
Metadatos del documento
Element
o
Descripcin
<head>
Representa una coleccin de metadatos acerca del documento, incluyendo
enlaces a, o definiciones de, scripts y hojas de estilo.
<title>
Define el ttulo del documento, el cual se muestra en la barra de ttulo del
navegador o en las pestaas de pgina. Solamente puede contener texto y
cualquier otra etiqueta contenida no ser interpretada.
<base>
Define la URL base para las URLs relativas en la pgina.
<link>
Usada para enlazar JavaScript y CSS externos con el documento HTML actual.
<meta>
<style>
Define los metadatos que no pueden ser definidos usando otro elemento
HTML.
Etiqueta de estilo usada para escribir CSS en lnea.
Scripting
Elemento
<script>
Descripcin
Define ya sea un script interno o un enlace hacia un script externo. El
lenguaje de programacin es JavaScript
<noscript
Define una contenido alternativo a mostrar cuando el navegador no soporta
>
scripting.
Secciones
Elemento
Descripcin
<body>
Representa el contenido principal de un documento
HTML. Solo hay un elemento <body> en un
documento.
Elemento
Descripcin
Define una seccin en un documento.
<section>
<nav>
Define una seccin que solamente contiene enlaces de
navegacin
<article>
Define contenido autnomo que podra existir
independientemente del resto del contenido.
Define algunos contenidos vagamente relacionados con
el resto del contenido de la pgina. Si es removido, el
<aside>
contenido restante seguir teniendo sentido
<h1>,<h2>,<h3>,<h4>,<h5
>,<h6>
Los elemento de cabecera implementan seis niveles de
cabeceras de documentos; <h1> es la de mayor
y <h6> es la de menor impotancia. Un elemento de
cabecera describe brevemente el tema de la seccin
que introduce.
Define la cabecera de una pgina o seccin.
Usualmente contiene un logotipo, el ttulo del sitio Web
<header>
y una tabla de navegacin de contenidos.
Define el pie de una pgina o seccin. Usualmente
contiene un mensaje de derechos de autora, algunos
enlaces a informacin legal o direcciones para dar
<footer>
informacin de retroalimentacin.
Define una seccin que contiene informacin de
<address>
contacto.
Define el contenido principal o importante en el
documento. Solamente existe un elemento <main> en
<main>
el documento.
Agrupacin de Contenido
Elemento
Descripcin
<p>
Define una parte que debe mostrarse como un prrafo.
<hr>
Representa un quiebre temtico entre parrafos de una seccin o
articulo o cualquier contenido.
Elemento
Descripcin
Indica que su contenido esta preformateado y que este formato debe
<pre>
ser preservado.
<blockquote>
Representa una contenido citado desde otra fuente.
<ol>
Define una lista ordenada de artculos.
<ul>
Define una lista de artculos sin orden.
<li>
Define un artculo de una lista ennumerada.
<dl>
Define una lista de definiciones, es decir, una lista de trminos y sus
definiciones asociadas.
<dt>
Representa un trmino definido por el siguiente <dd>.
<dd>
Representa la definicin de los terminos listados antes que l.
<figure>
Representa una figura ilustrada como parte del documento.
<figcaption>
Representa la leyenda de una figura.
<div>
Representa un contenedor genrico sin ningn significado especial.
Semntica a nivel de Texto
Elemento
Descripcin
<a>
Representa un hiperenlace , enlazando a otro recurso.
<em>
Representa un texto enfatizado , como un acento de intensidad.
<strong>
Representa un texto especialmente importante .
<small>
Representa un comentario aparte , es decir, textos como un descargo de
responsabilidad o una nota de derechos de autora, que no son esenciales
para la comprensin del documento.
<s>
Representa contenido que ya no es exacto o relevante .
<cite>
Representa el ttulo de una obra .
<q>
Representa una cita textual inline.
Elemento
<dfn>
Descripcin
Representa un trmino cuya definicin est contenida en su contenido
ancestro ms prximo.
<abbr>
Representa una abreviacin o un acrnimo ; la expansin de la abreviatura
puede ser representada por el atributo title.
<data>
Asocia un equivalente legible por mquina a sus contenidos. (Este elemento
est slamente en la versin de la WHATWG del estandar HTML, y no en la
versin de la W3C de HTML5).
<time>
Representa un valor de fecha y hora; el equivalente legible por mquina
puede ser representado en el atributo datetime.
<code>
Representa un cdigo de ordenador .
<var>
<samp>
Representa a una variable, es decir, una expresin matemtica o contexto
de programacin, un identificador que represente a una constante, un
smbolo que identifica una cantidad fsica, un parmetro de una funcin o un
marcador de posicin en prosa .
Representa la salida de un programa o un ordenador.
Representa la entrada de usuario o usuaria, por lo general desde un teclado,
<kbd>
<sub>,<su
p>
<i>
pero no necesariamente, este puede representar otras formas de entrada de
usuario o usuaria, como comandos de voz transcritos.
Representan un subndice y un superndice, respectivamente.
Representa un texto en una voz o estado de nimo alterno, o por lo menos
de diferente calidad, como una designacin taxonmica, un trmino tcnico,
una frase idiomtica, un pensamiento o el nombre de un barco.
Representa un texto hacia el cual se llama la atencin para propsitos
<b>
utilitaros. No confiere ninguna importancia adicional y no implica una voz
alterna.
<u>
Representa una anotacin no textual sin-articular, como etiquetar un texto
como mal escrito o etiquetar un nombre propio en texto en Chino.
<mark>
Representa texto resaltado con propsitos de referencia, es decir por su
relevancia en otro contexto.
Elemento
<ruby>
Descripcin
Representa contenidos a ser marcados con anotaciones ruby, recorridos
cortos de texto presentados junto al texto. Estos son utilizados con
regularidad en conjunto a lenguajes de Asia del Este, donde las anotaciones
actan como una gua para la pronunciacin, como el furiganaJapons.
<rt>
<rp>
<bdi>
Representa el texto de una anotacin ruby .
Representa los parntesis alrededor de una anotacin ruby, usada para
mostrar la anotacin de manera alterna por los navegadores que no
soporten despliegue estandar para las anotaciones.
Representa un texto que debe ser aislado de sus alrededores para el
formateado bidireccional del texto. Permite incrustar un fragmento de texto
con una direccionalidad diferente o desconocida.
<bdo>
Representa la direccionalidad de sus descendientes con el fin de anular de
forma explcita al algoritmo bidireccional Unicode.
<span>
Representa texto sin un significado especfico. Este debe ser usado
cuando ningn otro elemento semntico le confiere un significado adecuado,
en cuyo caso, provendr de atributos globales como class, lang, o dir.
<br>
Representa un salto de lnea.
<wbr>
Representa una oportunidad de salto de lnea, es decir, un punto sugerido
de envoltura donde el texto de mltiples lneas puede ser dividido para
mejorar su legibilidad.
Ediciones
Elemento
Descripcin
<ins>
Define una adicin en el documento.
<del>
Define una remocin del documento.
Contenido incrustado
Elemento
Descripcin
<img>
Representa una imagen.
<iframe>
Representa un contexto anidado de navegacin, es decir, un documento
Elemento
Descripcin
HTML embebido.
<embed>
Representa un punto de integracin para una aplicacin o contenido
interactivo externo que por lo general no es HTML.
Representa un recurso externo, que ser tratado como una imagen, un
<object>
sub-documento HTML o un recurso externo a ser procesado por
un plugin.
<param>
Define parmetros para el uso por los plugins invocados por los
elementos <object>.
<video>
Representa un video , y sus archivos de audio y capciones asociadas,
con la interfaz necesaria para reproducirlos.
<audio>
Representa un sonido o stream de audio.
<source>
Permite a autores o autoras especificar recursos multimedia alternativos
para los elementos multimedia como <video> o <audio>.
<track>
Permite a autores o autoras especificar una pista de texto temporizado
para elementos multimedia como <video> o <audio>.
<canvas>
Representa un rea de mapa de bits en el que se pueden utilizar scripts
para renderizar grficos como grficas, grficas de juegos o cualquier
imagen visual al vuelo.
<map>
En conjunto con <area>, define un mapa de imagen.
<area>
En conjunto con <map>, define un mapa de imagen.
<svg>
Define una imagen vectorial embebida.
<math>
Define una frmula matemtica.
Datos tabulares
Elemento
Descripcin
<table>
Representa datos con ms de una dimensin.
<caption
>
<colgroup
>
<col>
<tbody>
<thead>
<tfoot>
Representa el ttulo de una tabla.
Representa un conjunto de una o ms columnas de una tabla.
Representa una columna de una tabla.
Representa el bloque de filas que describen los datos contretos de una
tabla.
Representa el bloque de filas que describen las etiquetas de columna de una
tabla.
Representa los bloques de filas que describen los resmenes de columna de
una tabla.
<tr>
Representa una fila de celdas en una tabla.
<td>
Representa una celda de datos en una tabla.
<th>
Representa una celda encabezado en una tabla.
Formularios
Elemento
<form>
Descripcin
Representa un formulario, consistendo de controles que puede ser
enviado a un servidor para procesamiento.
<fieldset>
Representa un conjunto de controles.
<legend>
Representa el ttulo de un <fieldset>.
<label>
Representa el ttulo de un control de formulario.
<input>
Representa un campo de datos escrito que permite al usuario o usuaria
editar los datos.
<button>
Representa un botn .
<select>
Represents un control que permite la seleccin entre un conjunto de
opciones.
Elemento
Descripcin
<datalist>
Representa un conjunto de opciones predefiniddas para otros controles.
<optgroup>
<option>
<textarea>
Representa un conjunto de opciones, agrupadas lgicamente.
Representa una opcin en un elemento <select>, o una sugerencia de
un elemento <datalist>.
Representa un control de edicin de texto multi-lnea.
<keygen>
Representa un control de par generador de llaves.
<output>
Representa el resultado de un clculo.
<progress>
Representa el progreso de finalizacin de una tarea.
Representa la medida escalar (o el valor fraccionario) dentro de un
<meter>
rango conocido.
Elementos interactivos
Elemento
Descripcin
<details>
Representa un widget desde el que un usuario o usuaria puede obtener
informacin o controles adicionales.
<summary>
Representa un resumen, ttulo o leyenda para un
elemento <details> dado.
<command>
Representa un comando que un usuario o usuaria puede invocar.
<menu>
Representa una lista de comandos .
Lista de Atributos
Nombre del
Atributo
accept
Elementos
Descripcin
<form>, <input>
Lista de tipos aceptados por el
servidor, usualmente un tipo de
archivo.
accept-charset
<form>
accesskey
Global attribute
action
<form>
Lista de juegos de caracteres
soportados.
Define una "tecla", que activa o
agrega un "foco", al elemento
La URL del programa que procesa la
informacin, enviado en el formulario
<applet>, <caption>, <col>,
<colgroup>, <hr>,<iframe>
align
, <img>, <table>, <tbody>,
<td>, <tfoot> , <th>, <thea
Especifica el alineamiento horizontal
del elemento
d>, <tr>
alt
<applet>, <area>, <img>, <
Texto alternativo en caso de que la
Nombre del
Atributo
async
autocomplete
autofocus
autoplay
Elementos
Descripcin
input>
imagen no se pueda mostrar.
<script>
<form>, <input>
<button>, <input>, <keygen
>, <select>,<textarea>
<audio>, <video>
Indica que el script debera ejecutarse
asincrnicamente.
Indica si los controles en este
formulario pueden tener por defecto
sus valores completados
automticamente por el navegador.
El elemento debera recibir foco
automticamente despus de haberse
cargado la pgina.
El audio o video debera empezar lo
antes posible.
Color de fondo del elemento.
<body>, <col>, <colgroup>,
bgcolor
<marquee>,<table>, <tbody
>, <tfoot>, <td>, <th>, <tr>
Nota: Este es un atributo por legado.
Por favorm usa CSS backgroundcolor property instead.
El ancho del borde.
border
buffered
<img>, <object>, <table>
<audio>, <video>
Nota: Este atributo se mantiene como
referencia. Se recomienda usar la
propiedad de CSS border.
Contiene un rango de tiempo de
multimedios ya almacenados en el
buffer.
challenge
<keygen>
charset
<meta>, <script>
checked
<command>, <input>
Una cadena de desafo que se enva
junto con la clave pblica.
Declara la codificacin de caracteres
de la pgina o del script.
Indica que el elemento debera estar
verificado al cargar la pgina.
Nombre del
Atributo
cite
class
Elementos
Descripcin
<blockquote>, <del>, <ins>,
Contiene una URI que apunta a la
<q>
fuente de la cita o cambio.
Global attribute
Usualmente empleado con CSS para
aplicar estilos a elementos con
propiedades en comun.
code
<applet>
Especifica la URL del archivo de tipo
applet a ser cargado y ejecutado.
Este atributo contiene la URL base
codebase
<applet>
del directorio donde los archivos de
applets (.class) referenciados en el
codigo se encuentran almacenados.
Este atributo configura el color de
texto usando un nombre de color o en
color
<basefont>, <font>, <hr>
formato hexadecimal #RRGGBB.
Nota: Este atributo se mantiene como
referencia. Se recomienda usar la
propiedad de CSS color.
cols
<textarea>
colspan
<td>, <th>
content
<meta>
Define el numero de columnas en un
textarea.
Define el numero de columnas que
una celda debe contener.
Un valor asociado con httpequiv o name dependiendo del
contexto.
contenteditable
contextmenu
Global attribute
Global attribute
Indica si el contenido del elemento es
editable.
Define el ID de un
elemento <menu> que servira como
menu de contexto para el elemento.
controls
<audio>, <video>
Indica si el explorador debe mostrar
Nombre del
Atributo
Elementos
Descripcin
controles de reproduccion al usuario.
coords
data
data-*
datetime
default
<area>
<object>
Global attribute
<del>, <ins>, <time>
<track>
Un conjunto de valores que
especifican las coordenadas del area.
Especifica la URL del recurso.
Permite asociar atributos
presonalizados a un elemento HTML.
Indica la fecha y hora asociadas con
el elemento.
Indica que la pista debe estar
habilitada a menos que las
preferencias del usuario indiquen algo
diferente.
Indica que el codigo debe ser
defer
<script>
ejecutado despues de que la pagina
este cargada.
Define la direccion del texto. Los
dir
Global attribute
valores permitidos son ltr (Izquierda-aDerecha) o rtl (Derecha-a-Left).
Indica la direccion del texto asociada
dirname
<input>, <textarea>
con el elemento al momento de enviar
el formulario.
<button>, <command>, <fie
disabled
ldset>, <input>,<keygen>,
<optgroup>, <option>, <sele
Infica si el usuario puede interactuar
con el elemento.
ct>,<textarea>
download
<a>, <area>
draggable
Global attribute
Indica que el hypervinculo es utilizado
para descargar un recurso.
Define si el elemento puede ser
arrastrado.
Nombre del
Atributo
Elementos
dropzone
Global attribute
enctype
<form>
Descripcin
Indica que el elemento acepta
contenido soltado en el mismo.
Define el tipo de contenido del
formulario cuando el metodo del
mismo es POST.
for
<label>, <output>
Indica el elemento al que describen y
pertenecen.
<button>, <fieldset>, <input
>, <keygen>,<label>, <met
form
er>, <object>, <output>,<pr
ogress>, <select>, <textarea
Indica el formulario al que pertenece
el elemento.
>
headers
<td>, <th>
<canvas>, <embed>, <ifram
height
e>, <img>, <input>,<object
>, <video>
IDs de los elementos <th> que
aplican a este elemento.
Nota: En algunos casos, como
los <div>, este es un atributo de
referencia, en donde se debe usar la
propiedad de css height. En otros
casos como <canvas>, la altura debe
ser especificada en este atributo.
hidden
Global attribute
Indica la visibilidad del elemento.
high
<meter>
Indica el menor valor del rango alto.
href
hreflang
<a>, <area>, <base>, <link
>
<a>, <area>, <link>
La URL de un recurso asociado.
Especifica el lenguaje del recurso
asociado.
Indica una directiva que puede alterar
http-equiv
<meta>
el comportamiento de la pagina y
como es leida por los exploradores.
icon
<command>
Especifica una imagen relacionada
Nombre del
Atributo
Elementos
Descripcin
con el comando.
Nota: el elemento <command> es
obsoleto y no se recomienda su uso.
Identificador el elemento para acceder
id
Global attribute
al mismo desde CSS o Javascript,
este indicador debe ser unico para
cada elemento.
ismap
<img>
Indica que la imagen es parte de un
mapa de imagen del servidor.
Indica que el elemento contiene el
itemprop
Global attribute
valor de la propiedad especificada de
un conjunto.
Especificar el tipo de clave se.
keytype
<keygen>
kind
<track>
Especifica el tipo de pista.
label
<track>
Especifica el titulo de la pista con un
formato legible por el usuario.
lang
Global attribute
language
<script>
Nota: RSA es el valor por defecto.
Define el lenguaje utilizado en el
elemento.
Define el lenguage (de programacin)
utilizado en el elemento.
Identifica una serie de valores
list
loop
<input>
<audio>, <bgsound>, <marq
uee>, <video>
predefinidos para ser sugeridos al
usuario.
Indica si el medio debe ser
reproducido desde el principio al llegar
al final.
Nombre del
Atributo
Elementos
Descripcin
low
<meter>
Indica el valor mas alto del rango bajo.
manifest
<html>
max
maxlength
media
<input>, <meter>, <progres
s>
<input>, <textarea>
<a>, <area>, <link>, <sourc
e>, <style>
Especifica la URL del manifiesto de
cache para el documento.
Indica el maximo valor aceptado.
Define el mayor numero de caracteres
aceptados.
Da un indicio del tipo de medio para el
cual el recurso vinculado fue creado.
Define el metodo a emplear para
method
<form>
enviar el formulario. Puede ser GET el
valor predeterminado es POST.
min
<input>, <meter>
Indica el valor minimo aceptado.
multiple
<input>, <select>
Indica si multiples valores pueden ser
ingresados.
<button>, <form>, <fieldset
name
>, <iframe>,<input>, <keyg
Nombre del elemento. Por ejemplo
en>, <object>, <output>,<s
utilizado por el servidor para identificar
los campos en el envio de formularios.
elect>, <textarea>, <map>,
<meta>, <param>
novalidate
<form>
Este atributo indica que el formulario
no debe ser validado antes de
enviarlo.
open
<details>
Indica si los detalles de la pagina
seran mostrados cuando cargue la
misma.
optimum
pattern
<meter>
Indica el valor numerico optimo.
<input>
Define una expresion regular con la
cual el valor del elemento debe ser
validado.
Nombre del
Atributo
Elementos
Descripcin
Indica si se enviara un ping o
ping
<a>, <area>
placeholder
<input>, <textarea>
poster
<video>
notificacion a la URL del recurso
cuando el usuario utlize el vinculo.
Da un indicio al usuario de que debe
ingresar en el elemento.
Una URL que indica un cuadro a
mostrar hasta que el usuario
reproduzca o navegue en el video.
preload
<audio>, <video>
Indica si el recurso o partes del mismo
deben ser precargadas.
Indica si esta fecha y tiempo
pubdate
<time>
concuerda con la fecha y tiempo
del <article> mas cercano
(ancestro).
Indica los nombres de los comandos
de tipo radio, que seran alternados si
radiogroup
<command>
el comando en si es alternado. Este
atributo debe ser omitido si el tipo de
comando no es radio.
Nota: el elemento <command> es
obsoleto y no se recomienda su uso.
readonly
<input>, <textarea>
Indica si el elemento puede ser
editado por el usuario.
Especifica la relacin que hay entre el
rel
required
reversed
<a>, <area>, <link>
objeto destino y aqul donde est el
vnculo.
<input>, <select>, <textarea
Indica si el elemento debe ser llenado
>
o no.
<ol>
Indica si la lista debe ser mostrada en
orden descendente en vez de
ascendente.
Nombre del
Atributo
Elementos
Descripcin
rows
<textarea>
Define el numero de filas del textarea.
rowspan
<td>, <th>
sandbox
<iframe>
spellcheck
Global attribute
scope
<th>
Define el numero de filas que una
celda de una tabla debe abarcar.
Lista de restricciones a ser
desactivadas en el iframe.
Indica si la correccion ortografica esta
abilitada para el elemento.
Define las celdas que la cabecera
definio en este elemento.
Indica si el estilo sera aplicado solo al
scoped
<style>
elemento inmediato superior (padre).
de no ser definido el estilo se aplicara
de forma global.
seamless
<iframe>
selected
<option>
Indica si el iframe debe ser cargado
como parte del mismo documento.
Define el valor que sera seleccionado
dentro del select al cagar la pagina.
Define una regin seleccionable para
hacer hipervnculos asociados con
shape
<a>, <area>
una forma asociada a una figura para
crear un mapa. Los valores para este
atributo son: circle, defaul, plygon y
rect.
Define el largo del elemento (en
size
<input>, <select>
pixeles). Si
el type es text o password entonce
s es el numero de caracteres.
sizes
<link>
span
<col>, <colgroup>
Define los tamaos en los que el icono
puede ser cargado.
Indica el nmero de columnas que se
agrupan.
Nombre del
Atributo
Elementos
Descripcin
<audio>, <embed>, <iframe
src
>, <img>, <input>,<script>,
La URL del contenido integrable.
<source>, <track>, <video>
srcdoc
<iframe>
srclang
<track>
start
<ol>
step
<input>
Especifica el contenido de la pagina
incluida.
Especifica el lenguaje del contenido
de la pista.
Define el numero inicial de la lista (si
es diferente a 1).
Indica el valor del incremento para un
valor numerico o de fecha.
Define los estilos CSS que
style
Global attribute
sobreescribiran los estilos
previamente definidos para el
elemento.
Contiene una descripcion del
contenido de la tabla.
summary
<table>
tabindex
Global attribute
Sobrescribe el orden de tabulacion del
navegador y usa el especificado.
target
<a>, <area>, <base>, <for
Especifica el marco destino en un
m>
vnculo.
Nota: Este atributo ha sido
desaprovado, se recomienda incluir un
elemento <caption> en la tabla.
Valores especiales: "_blank" indica
una nueva ventana, "_parent" indica el
marco padre del marco que contiene
el cdigo fuente, "_self" indica el
marco donde est el cdigo fuente y
Nombre del
Atributo
Elementos
Descripcin
"_top" indica la ventana completa del
navegador.
title
Global attribute
Texto a ser mostrado cuando el cursor
este sobre el elemento.
<button>, <input>, <comma
type
nd>, <embed>,<object>, <s
cript>, <source>, <style>, <
Define el tipo de elemento.
menu>
Indica la URL parcial de un image map
asociado con el elemento.
usemap
<img>, <input>, <object>
Nota: este atributo no puede ser
usado si el elemento <img> deciende
de un <button>o <a>
<button>, <option>, <input
value
>, <li>, <meter>,<progress
>, <param>
<canvas>, <embed>, <ifram
width
e>, <img>, <input>,<object
>, <video>
Define el valor predeterminado a ser
mostrado al cargar la pagina.
Nota: En algunos casos, como
los <div>, este es un atributo de
referencia, en donde se debe usar la
propiedad de css height. En otros
casos como <canvas>, la altura debe
ser especificada en este atributo.
Indica la forma en la cual el texto debe
ser envuelto.
wrap
<textarea>
Valores aceptados: hard y soft.
Valor predeterminado: soft.
