Elementos de HTML

Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.

A continuación hay una lista de todos los elementos en el estándar HTML hasta la versión 5, junto con una descripción breve acerca de su uso/propósito. Hacer clic en cualquier elemento de esta lista te llevará a una página con una descripción detallada del mismo, algunos ejemplos de uso y una lista de todos los atributos que soporta.

Deberías tener en cuenta que los elementos más nuevos, como aquellos agregados en HTML5, pueden tener un soporte parcial o no ser soportados en absoluto en algunos navegadores. Esto cambiará con el tiempo, pero mientras tanto, si estás diseñando un sitio que necesita verse correctamente en todos los navegadores, tal vez quieras evitar usarlos o reemplazarlos con otras alternativas como los scripts. Todas las características de HTML5 con soporte incompleto de los navegadores están correctamente marcadas en rojo y acompañadas por mensajes de alerta.

La etiqueta "comment" y la declaración !DOCTYPE, al no ser elementos en un sentido estricto, no son listadas en la siguiente tabla.

Lista de elementos

ElementoAgregadoDescripción breve

El elemento raíz

<html>Contenedor principal

Metadatos del documento

<head>Sección de encabezado del documento
<title>Título del documento
<base>URI base para resolver URIs relativos
<link>Información relacional para el documento
<meta>Variable para el documento
<style>Atributos presentacionales

Secciones

<body>El cuerpo del documento
<article>Contenido redistribuible
<section>Define una sección
<nav>Sección de navegación
<aside>Contenido sólo ligeramente relacionado
<h1>Encabezado de nivel 1
<h2>Encabezado de nivel 2
<h3>Encabezado de nivel 3
<h4>Encabezado de nivel 4
<h5>Encabezado de nivel 5
<h6>Encabezado de nivel 6
<hgroup>Agrupa encabezados consecutivos
<header>El encabezado de una sección
<footer>El pie de una sección
<address>Información de contacto del autor

Agrupación de contenido

<p>Párrafo
<hr>Separador de contenido
<pre>Bloque de texto preformateado
<blockquote>Cita en forma de bloque
<ol>Lista ordenada
<ul>Lista no ordenada
<li>Ítem de una lista
<dl>Lista de descripciones
<dt>Término en una lista de descripciones
<dd>Descripción en una lista de descripciones
<figure>Información autocontenida
<figcaption>Título para una figura
<main>Contenido principal de una sección
<div>Contenedor genérico para bloques de texto

Semántica de texto

<a>Hypervínculo
<em>Texto con énfasis
<strong>Texto con énfasis fuerte
<small>Comentario secundario
<s>Contenido que ya no es preciso o relevante
<cite>Cita o referencia
<q>Cita en forma de línea
<dfn>Término definifo en el texto circundante
<abbr>Término abreviado
<ruby>Texto con anotaciones Ruby
<rt>Anotación Ruby
<rp>Texto ser aignorado por anotaciones Ruby
<data>Información apta para programas
<time>Fecha y/u hora
<code>Código de computadora
<var>Instancia de una variable
<samp>Ejemplo de la salida de un programa
<kbd>Texto ingresado por el usuario
<sub>Subscript text
<sup>Superscript text
<i>Texto desplazado de la prosa normal
<b>Texto desplazado del contenido circundante
<u>Anotaciones no textuales
<mark>Marca texto en otro documento
<bdi>Aisla texto para el formateo bidireccional
<bdo>Anula el algoritmo bidireccional
<span>Contenedor genérico para líneas de texto
<br>Quiebre de línea
<wbr>Oportunidad de quiebre de líneas

Edición

<ins>Texto agregado
<del>Texto eliminado

Contenido incrustado

<picture>Imagen con mútiples orígenes
<img>Imagen
<iframe>Contexto de navegación anidado
<embed>Inserta aplicaciones externas
<object>Inserta aplicaciones externas
<param>Parámetro para una aplicación externa
<video>Video
<audio>Audio
<source>Recurso de medios alternativo
<track>Pista de texto para videos
<map>Mapa de imagen del lado cliente
<area>Sector en un mapa de imagen

Información tabulada

<table>Tabla
<caption>El título de una tabla
<colgroup>Groupo de columnas
<col>Establece atributos para columnas
<tbody>Cuerpo de la tabla
<thead>Encabezado de la tabla
<tfoot>Pie de la tabla
<tr>Fila
<td>Celda común
<th>Celda de encabezado

Formularios

<form>Formulario
<label>Etiqueta de un control
<input>Control de entrada
<button>Botón
<select>Lista de opciones
<datalist>Sugerencias para los controles
<optgroup>Grupo de opciones en una lista
<option>Una opción en una lista
<textarea>Campo de texto multilínea
<keygen>Control para la generación de claves
<output>La salida de un proceso
<progress>El progreso de na tarea
<meter>Una medida
<fieldset>Grupo de controles
<legend>El título de un grupo de controles

Elementos interactivos

<details>Contenido desplegable
<summary>Un resumen del contenido desplegable
<menu>Menu
<menuitem>Un ítem en un menú
<dialog>Cuadro de diálogo

Programas

<script>Incrusta programas
<noscript>Contenido alternativo para programas
<template>Plantilla para contenido a ser agregado
<canvas>Contenedor para gráficos dinámicos