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