# Etiquetas HTML

![img-etiqueta-sintaxis](https://352668076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlNjSFGw4TNzpAocTFYyz%2Fuploads%2Fgit-blob-8dddb8756d612322f32a1b57645dad5146e34689%2Fetiquetas-sintaxis.png?alt=media)

## Documento

* `<html>`: Define el inicio y fin de un documento HTML.
* `<head>`: Contiene información meta sobre el documento HTML.
* `<body>`: Define el cuerpo principal del documento.

## Metadatos

* `<style>`: Define estilos CSS para el documento.
* `<title>`: Define el título del documento.
* `<base>`: Especifica la URL base o dirección base para todas las URL relativas en una página.
* `<link>`: Define la relación entre el documento actual y un recurso externo.
* `<meta>`: Proporciona metadatos sobre el documento HTML.

## Agrupación

* `<p>`: Define un párrafo.
* `<hr>`: Define una línea horizontal.
* `<pre>`: Define texto preformateado.
* `<ul>`: Define una lista desordenada.
* `<li>`: Define un elemento de lista.
* `<dl>`: Define una lista de definición.
* `<dt>`: Define un término en una lista de definición.
* `<dd>`: Define una descripción en una lista de definición.
* `<blockquote>`: Define una sección de cotización.
* `<ol>`: Define una lista ordenada.
* `<figure>`: Define una figura o ilustración.
* `<figcaption>`: Define el título o descripción de una figura.
* `<div>`: Define una división o sección genérica.
* `<main>`: Define el contenido principal de un documento.
* `<math>`: Define contenido matemático.

## Textual

* `<u>`: Define un texto subrayado.
* `<mark>`: Define un texto resaltado.
* `<small>`: Define un texto pequeño.
* `<dfn>`: Define una definición de término.
* `<code>`: Define código de programación.
* `<sub>`: Define un subíndice.
* `<span>`: Define una sección de texto genérico.
* `<a>`: Define un enlace o hipervínculo.
* `<s>`: Define un texto tachado.
* `<abbr>`: Define una abreviatura o acrónimo.
* `<var>`: Define una variable.
* `<sup>`: Define un superíndice.
* `<i>`: Define un texto en cursiva.
* `<b>`: Define un texto en negrita.
* `<br>`: Inserta un salto de línea.
* `<em>`: Define un énfasis en un texto.
* `<cite>`: Define el título de una obra citada.
* `<data>`: Define información de máquina legible.
* `<samp>`: Define una salida de muestra de un programa o script.
* `<wbr>`: Define un posible punto de quiebre dentro de una palabra.
* `<strong>`: Define un texto fuertemente enfatizado.
* `<q>`: Define una cita en línea.
* `<time>`: Define una fecha o un tiempo.
* `<kbd>`: Define una entrada del teclado.

## Multimedia

* `<picture>`: Inserta una imagen.
* `<img>`: Inserta una imagen.
* `<iframe>`: Inserta un marco en línea.
* `<embed>`: Inserta contenido multimedia externo.
* `<object>`: Define un objeto incrustado, como un archivo multimedia o un applet de Java.
* `<param>`: Define un parámetro para un objeto incrustado.
* `<video>`: Inserta contenido de video.
* `<audio>`: Inserta contenido de audio.
* `<source>`: Define fuentes de medios alternativas para elementos multimedia.
* `<track>`: Define pistas de texto para elementos multimedia.
* `<map>`: Define una imagen con áreas clicables.
* `<area>`: Define un área clicable dentro de una imagen con mapa.
* `<svg>`: Inserta gráficos vectoriales escalables.

## Tablas

* `<table>`: Define una tabla.
* `<caption>`: Define el título de una tabla.
* `<colgroup>`: Define un grupo de columnas en una tabla.
* `<col>`: Define atributos para una o más columnas en una tabla.
* `<tbody>`: Define el cuerpo de una tabla.
* `<thead>`: Define la sección de encabezado de una tabla.
* `<tfoot>`: Define la sección de pie de tabla de una tabla.
* `<tr>`: Define una fila en una tabla.
* `<td>`: Define una celda de datos en una tabla.
* `<th>`: Define una celda de encabezado en una tabla.

## Formulario

* `<button>`: Define un botón.
* `<form>`: Define un formulario.
* `<input>`: Define un control de entrada en un formulario.
* `<select>`: Define una lista desplegable.
* `<datalist>`: Define una lista de opciones predefinidas para un control de entrada.
* `<optgroup>`: Define un grupo de opciones dentro de un control de selección.
* `<option>`: Define una opción en un control de selección.
* `<textarea>`: Define un área de texto de múltiples líneas.
* `<progress>`: Define una barra de progreso.
* `<meter>`: Define una medida escalar en un rango conocido.
* `<fieldset>`: Define un grupo de controles de formulario.
* `<legend>`: Define una leyenda para un grupo de controles de formulario.
* `<label>`: Define una etiqueta para un control de formulario.
* `<output>`: Define el resultado de un cálculo o proceso.
* `<keygen>`: Define un campo de generación de clave para formularios.

## Scripting

* `<script>`: Define scripts JavaScript para el documento.
* `<noscript>`: Define contenido alternativo a mostrar si el navegador no admite scripts.
* `<template>`: Sirve como marcador para contenido que no se renderizará de inmediato y se utiliza como base para clonar y crear instancias de contenido posteriormente mediante JavaScript.
* `<canvas>`: Define un lienzo para gráficos dinámicos y dibujos.
* `<slot>`: Define un espacio reservado dentro de un componente para insertar contenido externo.

## Interactivas

* `<details>`: Define detalles adicionales o información adicional.
* `<summary>`: Define un resumen visible para los detalles de un elemento `<details>`.
* `<dialog>`: Define una caja de diálogo o una ventana emergente.
* `<menu>`: Define un menú de comandos o opciones.
* `<command>`: Define un comando o acción que el usuario puede invocar.

## Semánticas

* `<article>`: Define un contenido independiente y completo en un documento.
* `<section>`: Define una sección lógica en un documento.
* `<nav>`: Define una sección de navegación en un documento.
* `<aside>`: Define contenido relacionado o complementario al contenido principal.
* `<h1>` a `<h6>`: Define encabezados de diferentes niveles.
* `<header>`: Define la sección de encabezado de un documento o una sección.
* `<footer>`: Define la sección de pie de página de un documento o una sección.
* `<address>`: Define la información de contacto del autor o propietario de un documento.
* `<hgroup>`: Agrupa elementos de encabezado (`<h1>-<h6>`) juntos como una sola entidad temática.
* `<search>`: Representa una agrupación de elementos orientados a realizar búsquedas u operaciones de filtrado.

## Ideogramáticas

* `<ruby>`: Define una anotación de ruby.
* `<rt>`: Define la pronunciación de caracteres en una anotación de ruby.
* `<rp>`: Define el contenido de paréntesis de ruby para navegadores que no admiten anotaciones de ruby.
* `<bdi>`: Define una sección de texto que se formatea en aislamiento del texto circundante.
* `<bdo>`: Define la dirección de texto para texto que se muestra en una dirección diferente a la predeterminada.

## Edición

* `<ins>`: Define un texto insertado.
* `<del>`: Define un texto eliminado.

## Obsoletas

* `<applet>`: Inserta una aplicación o programa Java en una página web.
* `<acronym>`: Define un acrónimo. Se recomienda utilizar `<abbr>` en su lugar.
* `<frame>`: Define un marco o ventana en una página web.
* `<frameset>`: Sirve como contenedor para definir un conjunto de marcos en una página web.
* `<noframe>`: Proporciona contenido alternativo para navegadores sin soporte de marcos.
* `<font>`: Establece el formato de fuente, tamaño y color del texto.
* `<big>`: Aumenta el tamaño del texto.
* `<blink>`: Hace parpadear el contenido.
* `<center>`: Alínea el contenido al centro.
* `<marquee>`: Crea un texto o contenido en movimiento.
