DOCUMENTACIÓN ADICIONAL
Etiquetas HTML y contenido básico
<html>
Etiqueta raíz que envuelve todo el contenido de una página HTML.
<head>
Contiene metadatos sobre el documento, como enlaces a hojas de estilo,
scripts, y el título.
<title>
Define el título del documento que se muestra en la pestaña del navegador.
<body>
Contiene todo el contenido visible de la página web.
<header>
Define el encabezado de una página o sección.
<footer>
Define el pie de página de una página o sección.
<main>
Contiene el contenido principal de la página, excluyendo encabezados,
barras laterales, pies de página, etc.
<section>
Define una sección genérica del contenido.
<article>
Representa contenido independiente y autosuficiente, como una entrada de
blog o una noticia.
DOCUMENTACIÓN ADICIONAL
<aside>
Contiene contenido relacionado o secundario (como una barra lateral).
<nav>
Define un bloque de enlaces de navegación.
<div>
Define un contenedor genérico, utilizado para agrupar contenido y aplicar
estilos.
<span>
Etiqueta en línea usada para agrupar texto o aplicar estilos sin crear un
bloque.
Encabezados y texto
<h1> - <h6>
Define encabezados de distintos niveles, siendo <h1> el más importante y
<h6> el menos importante.
<p>
Define un párrafo de texto.
<br>
Inserta un salto de línea.
<hr>
Inserta una línea horizontal para separar contenido.
<strong>
Indica texto de importancia fuerte, usualmente lo muestra en negrita.
DOCUMENTACIÓN ADICIONAL
<em>
Indica énfasis en el texto, que usualmente se muestra en cursiva.
<b>
Muestra texto en negrita, sin significado semántico adicional.
<i>
Muestra texto en cursiva, sin significado semántico adicional.
<mark>
Resalta el texto como si estuviera marcado con un resaltador.
<blockquote>
Define una cita en bloque.
<q>
Define una cita en línea.
<pre>
Muestra texto preformateado, respetando los saltos de línea y los espacios.
Listas
<ul>
Define una lista no ordenada (con viñetas).
<ol>
Define una lista ordenada (numerada).
DOCUMENTACIÓN ADICIONAL
<li>
Define un elemento dentro de una lista.
<dl>
Define una lista de definiciones.
<dt>
Define un término en una lista de definiciones.
<dd>
Define la descripción de un término en una lista de definiciones.
Enlaces, imágenes y multimedia
<a>
Define un enlace a otra página o sección.
<img>
Inserta una imagen en la página.
<audio>
Inserta un archivo de audio en la página.
<video>
Inserta un archivo de video en la página.
<source>
Especifica múltiples recursos multimedia para un elemento como <audio> o
<video>.
DOCUMENTACIÓN ADICIONAL
<iframe>
Inserta un contenido externo (generalmente una página web) dentro de un
marco en la página.
Formularios
<form>
Define un formulario de entrada de datos.
<input>
Define un campo de entrada de datos.
<label>
Asocia un rótulo con un campo de formulario.
<button>
Define un botón clicable.
<select>
Define un menú desplegable.
<option>
Define una opción dentro de un menú desplegable.
<textarea>
Define un área de texto multilínea.
<fieldset>
Agrupa elementos dentro de un formulario.
DOCUMENTACIÓN ADICIONAL
<legend>
Define un título para un grupo de elementos de formulario dentro de
<fieldset>.
<datalist>
Proporciona una lista de opciones predefinidas para un campo <input>.
<optgroup>
Agrupa opciones dentro de un menú desplegable.
<progress>
Representa el progreso de una tarea en curso.
<meter>
Representa un valor dentro de un rango conocido, como el uso de
almacenamiento.
Tablas
<table>
Define una tabla de datos.
<thead>
Agrupa el encabezado de una tabla.
<tbody>
Agrupa el cuerpo de una tabla.
<tfoot>
Agrupa el pie de una tabla.
DOCUMENTACIÓN ADICIONAL
<tr>
Define una fila dentro de una tabla.
<th>
Define una celda de encabezado en una tabla.
<td>
Define una celda de datos dentro de una tabla.
Meta-información y scripts
<meta>
Proporciona metadatos sobre el documento, como la codificación de
caracteres o descripciones.
<link>
Enlaza recursos externos, como hojas de estilo o favicons.
<script>
Inserta o enlaza scripts de JavaScript.
<style>
Define reglas CSS directamente en el documento.
Etiquetas de contenido semántico y estructural
adicionales
<address>
DOCUMENTACIÓN ADICIONAL
Define la información de contacto de una persona o entidad.
<bdi>
(Bidirectional Isolation) Aísla un segmento de texto que podría ser traducido
a otro idioma o leerse en un orden de escritura diferente.
<bdo>
(Bidirectional Override) Sobrescribe la dirección de texto para mostrarlo de
derecha a izquierda (RTL) o izquierda a derecha (LTR).
<figure>
Agrupa contenido ilustrativo como imágenes, gráficos, tablas o diagramas
con sus descripciones.
<figcaption>
Proporciona un título o una leyenda para el contenido dentro del elemento
<figure>.
<s>
Representa texto que no es relevante o que ha sido incorrecto (se muestra
tachado).
<del>
Indica contenido que ha sido eliminado de un documento.
<ins>
Indica contenido que ha sido insertado en un documento.
<small>
DOCUMENTACIÓN ADICIONAL
Muestra texto en tamaño más pequeño o indica notas al pie o información
adicional.
<sub>
Muestra texto como subíndice, bajando el texto (como en fórmulas
químicas).
<sup>
Muestra texto como superíndice, elevando el texto (como en exponentes
matemáticos).
<time>
Representa un valor de tiempo o una fecha, facilitando su interpretación por
sistemas automáticos.
<wbr>
Sugerencia de salto de línea dentro de una palabra larga o texto
complicado.
Etiquetas para incrustación de contenido
<embed>
Incrusta contenido externo, como archivos multimedia o aplicaciones.
<object>
Representa un recurso externo, como una imagen, video, PDF o incluso otro
documento HTML.
<param>
Define parámetros para un objeto incrustado mediante la etiqueta
<object>.
DOCUMENTACIÓN ADICIONAL
<picture>
Define un contenedor para múltiples recursos de imagen con diferentes
resoluciones o formatos, utilizando <source> para proporcionar las
diferentes opciones.
<track>
Define subtítulos, descripciones o metadatos para medios como videos o
audios.
Etiquetas para scripting y datos
<template>
Define una plantilla de contenido que puede ser clonada e insertada en el
DOM mediante JavaScript, pero no se renderiza hasta que se inserta.
<noscript>
Proporciona contenido alternativo para navegadores que no soportan
JavaScript.
Etiquetas para controles interactivos
<output>
Representa el resultado de un cálculo, como el valor de un formulario
calculado por JavaScript.
<dialog>
Define un cuadro de diálogo o ventana modal emergente.
<details>
Proporciona detalles adicionales que el usuario puede expandir o colapsar.
<summary>
DOCUMENTACIÓN ADICIONAL
Define un título visible para el contenido dentro de <details>.
Etiquetas de acceso (usadas para definir
accesibilidad)
<area>
Define áreas dentro de un mapa de imagen (usado con <map>).
<map>
Define un mapa de imagen, vinculado a áreas específicas dentro de una
imagen.
<fieldset>
Agrupa elementos de formulario, normalmente con un borde alrededor.
<legend>
Proporciona un título para un grupo de elementos <fieldset>.
<optgroup>
Agrupa opciones relacionadas dentro de un menú desplegable (<select>).
Etiquetas de marcado en lenguaje específico
<ruby>
Define anotaciones de texto, utilizadas en lenguajes asiáticos (como
japonés) para mostrar pronunciaciones.
<rt>
Define la pronunciación de los caracteres en un texto <ruby>.
<rp>
DOCUMENTACIÓN ADICIONAL
Proporciona texto de reserva para navegadores que no soportan el elemento
<ruby>.
Otros
<canvas>
Define un área de dibujo gráfico mediante JavaScript.
<svg>
Define gráficos vectoriales escalables.
<noscript>
Proporciona contenido alternativo si el navegador no soporta JavaScript.
<data>
Vincula un contenido legible con una máquina con datos legibles por
humanos.
<details>
Proporciona un control interactivo para revelar o esconder contenido
adicional.
<summary>
Proporciona un resumen para el contenido del elemento <details>.
