Código: R963-6 Programación avanzada

Fecha: 10/04/2018 Ing. Harrison Niño De Guzmán Beyuma

LISTA DE ETIQUETAS HTML

La tabla siguiente resume las etiquetas definidas en la recomendación HTML5.2.
Los nombres de las etiquetas enlazan con la lección correspondiente de los
apuntes.

 Los elementos introducidos en HTML 5.1 se indican con el símbolo (5.1). Los
elementos introducidos en HTML 5.2 se indican con el símbolo (5.2).

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 href, target

relativas

link / enlace a otros archivos (hoja de href, rel, media, type, title
estilo, etc.)

meta / metainformación sobre el name, content, charset

documento

style hoja de estilo incluida en el type, title

documento

SECCIONES

Etiqueta Descripción Atributos principales

body delimita el cuerpo del

documento

1-6
Código: R963-6 Programación avanzada
Fecha: 10/04/2018 Ing. Harrison Niño De Guzmán Beyuma

article artículo

section sección

nav navegación

aside lateral

h1 a h6 encabezado (de nivel 1 a 6)

header cabecera

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 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

2-6
Código: R963-6 Programación avanzada
Fecha: 10/04/2018 Ing. Harrison Niño De Guzmán Beyuma

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

mark resaltado añadido

posteriormente, 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)

3-6
Código: R963-6 Programación avanzada
Fecha: 10/04/2018 Ing. Harrison Niño De Guzmán Beyuma

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

picture imagen múltiple para diferentes

resoluciones o densidades

img / imagen alt, src, usemap, ismap,

width, height

iframe marco incrustado en el src, srcdoc, name,

documento 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

4-6
Código: R963-6 Programación avanzada
Fecha: 10/04/2018 Ing. Harrison Niño De Guzmán Beyuma

source origen de <img>, <audio> o src, type

<video>

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

FORMATO FISICO

Etiqueta Descripción Atributos principales

<B>…</B> Negrita

<I>…</I> Cursiva

<U>…</U> Subrayado

<TT>…</TT> Teletipo

<BIG>…</BIG> Grande

<SMALL>…</SMALL> Pequeña

<SUP>…</SUP> Superíndice

<SUB>…</SUB> Subíndice

FORMATOS LOGICOS

Etiqueta Descripción Atributos principales

<CITE>…</CITE> Cita

<CODE>…</CODE> Código

<DFN>…</DFN> Definición

<EM>…</EM> Énfasis

<STRONG>…</STRONG> Grueso

5-6
Código: R963-6 Programación avanzada
Fecha: 10/04/2018 Ing. Harrison Niño De Guzmán Beyuma

<KEY>…</KEY> Palabra clave

<SAMP>…</SAMP> Ejemplo

<KBD>…</KBD> Usuario

6-6