Referencia Completa de Etiquetas HTML Esenciales

Referencia Esencial de Etiquetas HTML

A continuación, se presenta una referencia organizada de las etiquetas HTML fundamentales, con sus definiciones corregidas y optimizadas para facilitar su comprensión.

Estructura y Metadatos

<!-- -->

Define un **Comentario** (Nota: El texto original hacía referencia a <p> para esta definición).

<dt><code>&lt;!DOCTYPE&gt;</code></dt>
<dd>Define el **tipo del documento** (Declaración de tipo de documento).</dd>

<dt><code>&lt;a&gt;</code></dt>
<dd>Define el **Hipervínculo**.</dd>

<dt><code>&lt;abbr&gt;</code></dt>
<dd>Define una **Abreviación**.</dd>

<dt><code>&lt;address&gt;</code></dt>
<dd>Define la **información de contacto** del autor o propietario del documento.</dd>

<dt><code>&lt;base&gt;</code></dt>
<dd>Especifica la **URL base** donde se abrirán todos los URL del documento.</dd>

<dt><code>&lt;body&gt;</code></dt>
<dd>Define el **cuerpo del documento**.</dd>

<dt><code>&lt;br&gt;</code></dt>
<dd>Define un **salto de línea**.</dd>

Semántica y Contenido de Sección

<area>

Define un **área** dentro de un mapa de imagen.

<dt><code>&lt;article&gt;</code></dt>
<dd>Define un **artículo** (contenido independiente).</dd>

<dt><code>&lt;aside&gt;</code></dt>
<dd>Define el **contenido lateral** o secundario de una página.</dd>

<dt><code>&lt;blockquote&gt;</code></dt>
<dd>Define una sección que contiene una **cita larga** de otra fuente.</dd>

<dt><code>&lt;cite&gt;</code></dt>
<dd>Define el **título de un trabajo** (una obra, libro, etc.).</dd>

<dt><code>&lt;code&gt;</code></dt>
<dd>Define un trozo de **código de programación**.</dd>

<dt><code>&lt;del&gt;</code></dt>
<dd>Define un texto que ha sido **eliminado** de un documento.</dd>

<dt><code>&lt;dfn&gt;</code></dt>
<dd>Define un **término** de una definición.</dd>

<dt><code>&lt;div&gt;</code></dt>
<dd>Define una **sección** o contenedor genérico en un documento.</dd>

<dt><code>&lt;em&gt;</code></dt>
<dd>Define **énfasis** en un texto.</dd>

<dt><code>&lt;footer&gt;</code></dt>
<dd>Define un **pie de página** para un documento o sección.</dd>

Formato de Texto y Bidireccionalidad

<b>

Define texto en **negrita** (sin énfasis semántico).

<dt><code>&lt;bdi&gt;</code></dt>
<dd>Aísla una parte del texto que puede tener un formato de dirección diferente (bidireccional) del texto externo.</dd>

<dt><code>&lt;bdo&gt;</code></dt>
<dd>Sobrescribe la **dirección del texto**.</dd>

Multimedia y Contenido Embebido

<audio>

Define contenido con **sonido** o flujos de audio.

<dt><code>&lt;canvas&gt;</code></dt>
<dd>Usada para dibujar **gráficos**, por medio de scripts, en el navegador.</dd>

<dt><code>&lt;embed&gt;</code></dt>
<dd>Define un **contenedor** para una aplicación externa (no-HTML).</dd>

<dt><code>&lt;figcaption&gt;</code></dt>
<dd>Define un **título** o leyenda para un elemento <code>&lt;figure&gt;</code>.</dd>

<dt><code>&lt;figure&gt;</code></dt>
<dd>Especifica **contenido autocontenido** (como imágenes o diagramas).</dd>

Formularios e Interactividad

<button>

Define un **botón cliqueable**.

<dt><code>&lt;command&gt;</code></dt>
<dd>Define un **comando** que un usuario puede invocar (<em>Nota: Obsoleto en HTML5</em>).</dd>

<dt><code>&lt;datalist&gt;</code></dt>
<dd>Especifica una **lista predefinida de opciones** para un elemento <code>&lt;input&gt;</code>.</dd>

<dt><code>&lt;details&gt;</code></dt>
<dd>Define **detalles adicionales** que el usuario puede ver u ocultar.</dd>

<dt><code>&lt;dialog&gt;</code></dt>
<dd>Define una **caja o ventana de diálogo**.</dd>

<dt><code>&lt;fieldset&gt;</code></dt>
<dd>Agrupa elementos relacionados en un **formulario**.</dd>

<dt><code>&lt;form&gt;</code></dt>
<dd>Define un **formulario HTML**.</dd>

Tablas y Listas de Definición

<caption>

Define el **título de una tabla**.

<dt><code>&lt;col&gt;</code></dt>
<dd>Especifica las propiedades de la **columna** para cada columna del elemento <code>&lt;colgroup&gt;</code>.</dd>

<dt><code>&lt;colgroup&gt;</code></dt>
<dd>Especifica un **grupo de una o más columnas** de una tabla.</dd>

<dt><code>&lt;dl&gt;</code></dt>
<dd>Define una **lista de definición**.</dd>

<dt><code>&lt;dt&gt;</code></dt>
<dd>Define un **término** (un ítem) en una lista de definición.</dd>

<dt><code>&lt;dd&gt;</code></dt>
<dd>Define una **descripción** de un ítem en una lista de definición.</dd>