Etiquetas de HTML

Etiquetas HTML: colocar una tabla con una breve explicación de las diversas etiquetas del  HTML.


Elemento raíz

Etiqueta Descripción Atributos principales
html engloba todo el documento lang
Metadatos
Etiqueta Descripción Atributos principales
head delimita el encabezado del documento
title título del documento (se muestra en la pestaña del navegador)
base / URI base para direcciones relativas href, target
link / enlace a otros archivos (hoja de estilo, etc.) href, rel, media, type, title
meta / metainformación sobre el documento name, content, charset
style hoja de estilo incluida en el documento type, type, title
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)
header cabecera
main principal
footer pie
address dirección (información sobre el autor)
Contenido (bloques)
Etiqueta Descripción Atributos principales
p párrafo
hr / separador
div división
blockquote cita larga (que incluye varios párrafos) cite
pre texto preformateado
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
abbr abreviatura title
b atención
cite obra
data datos value
dfn definición title
kbd teclado
i tecnicismo
mark resaltado añadido posteriormente, no en el original
q cita cite
s incorrecto
small comentario
time fecha y hora datetime
u sonido inarticulado
sub subíndice
sup superíndice
code código (de programa de ordenador)
var variable (de programa de ordenador)
samp salida (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
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 / parametro 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
Etiqueta Descripción Atributos principales
ol lista ordenada reversed, start, type
ul lista no ordenada
li elemento de lista (ordenada o no ordenada) value
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
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
colgroup grupo de columnas span
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
input / control (hay varios tipos) type ( submit, reset, button, text, password, number, search, tel, url, email, date, time, color, range, file, image, hidden, etc), name, value, checked, selected, width, height, size, maxlength, ...
button botón name, type, value, form
select caja de lista name, multiple, size, ...
datalist

optgroup grupo de opciones en una caja de lista label
option opción de caja de lista label, selected, value
textarea área de texto name, cols, rows, ...
keygen generador de pares de claves name, keytype, challenge
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
Scripts
Etiqueta Descripción Atributos principales
script script src, type, charset, async, defer
noscript contenido a mostrar en navegadores que no admiten <script>
template plantillas utilizables por scripts
canvas zona de dibujo utilizable por script width, height
Notación Ruby
Etiqueta Descripción Atributos principales
ruby notación ruby
rb elemento de notación ruby (base)
rt elemento de notación ruby (texto)
rtc elemento de notación ruby (contenedor)
rp elemento de notación ruby (paréntesis)
Otros
Etiqueta Descripción Atributos principales
!DOCTYPE tipo de documento (versión de html empleada)
<!-- ... --> comentario (sólo visible en el código fuente)
Nuevo en HTML 5.1
Etiqueta Descripción Atributos principales
picture imagen múltiple para diferentes resoluciones o densidades
summary leyenda para <details>
details detalles de <summary>
menu menú de comandos
menuitem elemento de <menu>

No hay comentarios:

Publicar un comentario

Desarrollo de aplicaciones WEB

@HarveyHerrera Desarrollador JAVA Conceptos Generales Explicación previa de los siguientes datos: Sitio Web: Un sitio web es ...