Lista de etiquetas HTML

Etiquetas HTML
Elemento raíz La tabla siguiente resume las etiquetas definidas en la norma HTML Living Standard. Los nombres de las etiquetas enlazan con la lección correspondiente de
Metadatos los apuntes.
Secciones
Bloques de contenido Preámbulo y elemento raíz
Texto (en línea) Etiqueta Descripción Atributos principales
Modificaciones tipo de documento (versión de html
!DOCTYPE
Contenido incrustado empleada)
Listas html engloba todo el documento lang
Tablas comentario (sólo visible en el código
Formularios <!-- ... -->
fuente)
Interactivos
Scripts Metadatos
Notación Ruby Etiqueta Descripción Atributos principales
delimita el encabezado del
head
documento
título del documento (se muestra en
title
la pestaña del navegador)
base URI base para direcciones relativas href, target
enlace a otros archivos (hoja de
link href, rel, media, type, title
estilo, etc.)
metainformación sobre el
meta name, content, charset
documento
hoja de estilo incluida en el
style type, title
documento

Secciones
Etiqueta Descripción Atributos principales
body delimita el cuerpo del documento
article artículo
section sección
nav navegación
aside lateral
h1 a h6 encabezado (de nivel 1 a 6)
hgroup grupo de encabezados
header cabecera
footer pie
dirección (información sobre el
address
autor)

Bloques de contenido
Etiqueta Descripción Atributos principales
p párrafo
hr separador
div división
cita larga (que incluye varios
blockquote cite
párrafos)
pre texto preformateado
main principal
figure ilustración
figcaption pie de ilustración

Texto (en línea)

Etiqueta Descripción Atributos principales
br salto de línea
wbr posible salto de línea
a hiperenlace href, target, download, rel, type
span contenedor de texto genérico
strong importante
em énfasis
sub subíndice
sup superíndice
abbr abreviatura title
b atención
cite obra
data datos value
dfn definición title
kbd teclado
i tecnicismo
resaltado añadido posteriormente,
mark
no en el original
q cita cite
s incorrecto
small comentario
time fecha y hora datetime
u sonido inarticulado
code código (de programa de ordenador)
samp salida (de programa de ordenador)
var variable (de programa de ordenador)
bdo dirección de escritura dir
bdi ignorar dirección de escritura dir

Modificaciones
Etiqueta Descripción Atributos principales
ins texto insertado cite, datetime
del texto borrado cite, datetime

Contenido incrustado
Etiqueta Descripción Atributos principales
imagen múltiple para diferentes
picture
resoluciones o densidades
img imagen alt, src, usemap, ismap, width, height
iframe marco incrustado en el documento src, srcdoc, name, sandbox, width, height
embed src, type, width, height
object objeto data, type, width, height
param parámetro para <objeto> name, value
video src, poster, preload, autoplay, loop, muted, controls, width, height
audio src, preload, autoplay, loop, muted, controls
source origen de <img>, <audio> o <video> src, type
track kind, src, srclang, label, default
map mapa de imagen name
area área en mapa de imagen alt, coords, href, hreflang, rel, shape, target, type

Listas (bloque de contenido)

Etiqueta Descripción Atributos principales
ol lista ordenada reversed, start, type
ul lista no ordenada
menu equivale a ul
elemento de lista (ordenada o no
li value
ordenada)
dl lista de definición
dt término en lista de definición
dd definición en lista de definición

Tablas
Etiqueta Descripción Atributos principales
table tabla border
caption leyenda de tabla
colgroup grupo de columnas span
tbody cuerpo de tabla (grupo de filas)
thead cabecera de tabla (grupo de filas)
tfoot pie de tabla (grupo de filas)
tr fila
td celda colspan, rowspan, headers
th celda de cabecera colspan, rowspan, headers, scope, abbr
col columna span

Formularios
Etiqueta Descripción Atributos principales
form formulario accept-charset, action, autocomplete, enctype, method, target
label etiqueta de un control form, for
type
(submit,
reset,
button,
text,
password,
number,
search,
tel,
url,
email,
date,
time,
color,
range,
file,
image,
input control (hay varios tipos)
hidden, etc.), name, value, checked, selected, width, height, size, maxlength, ...
button botón name, type (submit,
reset,
button), value, form
select caja de lista name, multiple, size, ...
datalist
grupo de opciones en una caja de
optgroup label
lista
option opción de caja de lista label, selected, value
textarea área de texto name, cols, rows, ...
output cálculo name, for
progress barra de progreso value, max
meter indicador value, min, max, low, high, optimum
fieldset grupo de controles name, disabled
legend leyenda de grupo de controles

Elementos interactivos
Etiqueta Descripción Atributos principales
details desplegable
summary leyenda para <details>
dialog cuadro de diálogo de una aplicación open

Scripts
Etiqueta Descripción Atributos principales
script script src, type, charset, async, defer
contenido a mostrar en navegadores
noscript
que no admiten <script>
template plantillas utilizables por scripts
slot marcador para componente
canvas zona de dibujo utilizable por script width, height

Notación Ruby (texto en línea)

Etiqueta Descripción Atributos principales
ruby notación ruby
rt elemento de notación ruby (texto)
elemento de notación ruby
rp
(paréntesis)

Última modificación de esta página: 1 de octubre de 2019

Esta página forma parte del curso Páginas web HTML y hojas de estilo CSS por Bartolomé Sintes Marco

que se distribuye bajo una Licencia Creative Commons Reconocimiento-CompartirIgual 4.0 Internacional (CC BY-SA 4.0).