1.
Estructura del documento
Etiqueta Descripción
<html> Etiqueta raíz que define el documento como HTML.
<head> Contiene metadatos del documento, como enlaces a estilos y scripts.
<title> Define el título del documento que aparece en la pestaña del navegador.
<body> Contiene el contenido visible de la página web.
2. Encabezados y texto
Etiqueta Descripción
<h1> a <h6> Encabezados, donde <h1> es el más importante y <h6> el menos importante.
<p> Define un párrafo.
<br> Inserta un salto de línea.
<hr> Inserta una línea horizontal para separar contenido.
<strong> Aplica negrita con énfasis semántico.
<b> Aplica negrita sin énfasis semántico.
<em> Aplica cursiva con énfasis semántico.
<i> Aplica cursiva sin énfasis semántico.
<mark> Resalta texto como marcado.
<blockquote> Define una cita en bloque.
<q> Define una cita en línea.
<code> Muestra texto como código de computadora.
<pre> Muestra texto preformateado, respetando espacios y saltos de línea.
3. Enlaces y navegación
Etiqueta Descripción
<a> Define un enlace. El atributo href especifica la URL de destino.
<nav> Define una sección de navegación.
Etiqueta Descripción
<link> Vincula recursos externos, como hojas de estilo CSS.
4. Listas
Etiqueta Descripción
<ul> Define una lista desordenada (con viñetas).
<ol> Define una lista ordenada (numerada).
<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.
5. Tablas
Etiqueta Descripción
<table> Crea una tabla.
<tr> Define una fila en la tabla.
<td> Define una celda en la tabla.
<th> Define una celda de encabezado en la tabla.
<thead> Agrupa el encabezado de la tabla.
<tbody> Agrupa el cuerpo de la tabla.
<tfoot> Agrupa el pie de la tabla.
<caption> Proporciona un título para la tabla.
6. Formularios
Etiqueta Descripción
<form> Define un formulario para recopilar datos del usuario.
<input> Define un campo de entrada (texto, contraseña, checkbox, etc.).
Etiqueta Descripción
<textarea> Define un área de texto para varias líneas.
<button> Define un botón interactivo.
<label> Define una etiqueta para un elemento <input>.
<select> Crea un menú desplegable.
<option> Define una opción dentro de un <select>.
<fieldset> Agrupa elementos relacionados en un formulario.
<legend> Proporciona un título para un <fieldset>.
7. Multimedia
Etiqueta Descripción
<img> Inserta una imagen.
<audio> Inserta contenido de audio.
<video> Inserta contenido de video.
<source> Define múltiples fuentes para <audio> o <video>.
<track> Proporciona subtítulos para <video> o <audio>.
<figure> Agrupa contenido como imágenes con leyendas.
<figcaption> Proporciona una leyenda para un <figure>.
8. Contenedores y diseño
Etiqueta Descripción
<div> Contenedor genérico para agrupar contenido en bloques.
<span> Contenedor genérico en línea para agrupar texto o aplicar estilos.
<header> Define un encabezado para un documento o sección.
<footer> Define un pie de página para un documento o sección.
<section> Define una sección del documento.
<article> Define contenido independiente dentro de un documento.
Etiqueta Descripción
<aside> Define contenido relacionado o secundario, como barras laterales.
<main> Define el contenido principal del documento.
9. Scripts y estilos
Etiqueta Descripción
<style> Define estilos CSS dentro del documento.
<script> Inserta o vincula código JavaScript.
<noscript> Define contenido alternativo si el navegador no soporta JavaScript.
10. Marcos y gráficos
Etiqueta Descripción
<iframe> Inserta un marco que puede mostrar otra página web.
<canvas> Proporciona un área para gráficos dibujados con JavaScript.
<svg> Define gráficos vectoriales escalables.
<object> Inserta un objeto externo, como un documento o aplicación.
<embed> Inserta contenido externo, como videos o aplicaciones multimedia.
