WWW Mclibre Org Consultar Htmlcss HTML HTML Etiquetas HTML
WWW Mclibre Org Consultar Htmlcss HTML HTML 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
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
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
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).