Guía de Etiquetas HTML
Etiqueta
Explicación
<!DOCTYPE html>
Declara que el documento es HTML5
<html>
Contenedor raíz de todo el documento
<head>
Contiene metadatos, enlaces a estilos y scripts
<title>
Título de la página (aparece en la pestaña del navegador)
<body>
Contenido visible de la página
<h1> a <h6>
Encabezados (del más importante al menos importante)
<p>
Párrafo
<br>
Salto de línea
<hr>
Línea horizontal
<strong>
Texto en negrita con valor semántico
<b>
Texto en negrita (estético)
<em>
Texto en cursiva con valor semántico
<i>
Texto en cursiva (estético)
<u>
Texto subrayado
<mark>
Texto resaltado
<small>
Texto más pequeño
<sup>
Superíndice
<sub>
Subíndice
<ul>
Lista desordenada
<ol>
Lista ordenada
<li>
Elemento de lista
<dl>
Lista de definiciones
<dt>
Término en lista de definiciones
<dd>
Definición en lista de definiciones
<a>
Hipervínculo
<img>
Imagen
<figure>
Contenedor para imágenes
<figcaption>
Pie o descripción de la imagen
<audio>
Reproductor de audio
<video>
Reproductor de video
<source>
Fuente de audio/video
<track>
Subtítulos en video
<canvas>
Área para gráficos dinámicos
<svg>
Gráficos vectoriales escalables
Etiqueta
Explicación
<table>
Tabla
<tr>
Fila de tabla
<td>
Celda de datos
<th>
Celda de encabezado
<thead>
Encabezado de tabla
<tbody>
Cuerpo de tabla
<tfoot>
Pie de tabla
<caption>
Título de tabla
<form>
Formulario
<input>
Campo de entrada
<label>
Etiqueta para un campo
<textarea>
Área de texto
<button>
Botón
<select>
Lista desplegable
<option>
Opción en <select>
<optgroup>
Agrupación de opciones
<fieldset>
Agrupa campos
<legend>
Título del grupo de campos
<header>
Encabezado de página o sección
<nav>
Barra de navegación
<main>
Contenido principal
<section>
Sección temática
<article>
Artículo independiente
<aside>
Información complementaria
<footer>
Pie de página
<div>
Contenedor genérico (sin semántica)
<span>
Contenedor en línea (sin semántica)
<style>
Estilos CSS internos
<link>
Enlace a recursos externos (CSS, íconos, etc.)
<script>
Código JavaScript
<noscript>
Contenido alternativo si JS está deshabilitado
<meta>
Metadatos (ej: codificación, descripción, SEO)
<base>
URL base para los enlaces relativos
<iframe>
Inserta otra página
<embed>
Contenido embebido
<object>
Contenido multimedia u objetos incrustados
0
