Lista Completa de Etiquetas HTML5 y sus Funciones
HTML5 es la quinta y más reciente versión del Lenguaje de Marcado de Hipertexto (HTML), el estándar fundamental para la creación de páginas web. HTML define la estructura y el contenido de una página web, utilizando un sistema de etiquetas que los navegadores interpretan para mostrar texto, imágenes, formularios, videos, y otros elementos multimedia en la pantalla. A continuación, se presenta una lista completa de todas las etiquetas HTML5 junto con sus funciones.
Elementos de documento y estructura<!DOCTYPE html>: Declara el tipo de documento y define que el documento está en HTML5.<html>: Elemento raíz de un documento HTML.<head>: Contiene metadatos/información sobre el documento.<title>: Define el título del documento que se muestra en la barra de título del navegador o en la pestaña.<base>: Especifica la URL base para todas las URLs relativas del documento.<link>: Vincula recursos externos, como hojas de estilo CSS.<meta>: Define metadatos como el autor, la descripción y las palabras clave.<style>: Contiene estilos CSS específicos para el documento.<body>: Contiene todo el contenido visible de la página web.<script>: Define un script de JavaScript en línea o vinculado externamente.
<header>: Define un encabezado para un documento o sección.<nav>: Define un conjunto de enlaces de navegación.<main>: Representa el contenido principal de un documento.<section>: Define una sección en un documento.<article>: Define contenido independiente, como artículos de blog o noticias.<aside>: Contiene contenido adicional, como barras laterales.<footer>: Define un pie de página para un documento o sección.<address>: Contiene información de contacto.<h1> - <h6>: Define encabezados de diferentes niveles, desde el más importante<h1>hasta el menos<h6>.<hgroup>: Agrupa un conjunto de encabezados<h1>a<h6>cuando un encabezado tiene un subtítulo o descripción.
<p>: Define un párrafo.<hr>: Representa una ruptura temática o separación de contenido.<pre>: Muestra texto preformateado.<blockquote>: Define una sección de cita larga.<ol>: Define una lista ordenada.<ul>: Define una lista desordenada.<li>: Define un ítem dentro de una lista.<dl>: Define una lista de descripción.<dt>: Define un término en una lista de descripción.<dd>: Define una descripción de un término en una lista de descripción.<figure>: Contenedor de contenido como imágenes, gráficos, etc.<figcaption>: Proporciona una leyenda para el contenido dentro de<figure>.<div>: Contenedor genérico para contenido de bloque.<a>: Crea un hipervínculo.<em>: Denota énfasis en un texto.<strong>: Denota texto de importancia fuerte.<small>: Indica texto secundario o notas.<s>: Denota texto que ya no es correcto o relevante (tachado).<cite>: Define el título de una obra.<q>: Cita breve en línea.<dfn>: Indica la instancia de definición de un término.<abbr>: Denota una abreviatura.<data>: Asocia contenido a un dato en particular, como una fecha.<time>: Representa una hora o fecha.<code>: Define un fragmento de código.<var>: Representa una variable en programación o matemáticas.<samp>: Define una salida de un programa.<kbd>: Representa una entrada del usuario (teclado).<sub>: Define un subíndice.<sup>: Define un superíndice.<i>: Representa una voz, pensamiento o términos técnicos en cursiva.<b>: Representa texto en negrita, sin implicar mayor importancia.<u>: Representa texto subrayado.<mark>: Resalta un texto de especial relevancia.<ruby>: Contenedor para anotaciones Ruby en textos en idiomas del este asiático.<rt>: Contiene una anotación Ruby.<rp>: Proporciona texto entre paréntesis para navegadores que no soportan Ruby.<bdi>: Aísla una parte del texto que podría cambiar la dirección de escritura.<bdo>: Anula la dirección de texto predeterminada.<span>: Contenedor genérico para contenido en línea.
<img>: Incrusta una imagen.<iframe>: Incrusta otra página HTML dentro de la actual.<embed>: Incrusta una aplicación o contenido interactivo, como un plugin multimedia.<object>: Incrusta un objeto, como una imagen, un documento o una aplicación.<param>: Define parámetros para un objeto incrustado con<object>.<video>: Incrusta contenido de video.<audio>: Incrusta contenido de audio.<source>: Define múltiples recursos multimedia para<audio>o<video>.<track>: Define subtítulos y otras pistas de texto para contenido multimedia.<map>: Define un mapa de imágenes.<area>: Define una región dentro de un mapa de imágenes.
<table>: Define una tabla.<caption>: Proporciona un título para la tabla.<colgroup>: Define un grupo de una o más columnas en una tabla.<col>: Define las propiedades de las columnas dentro de un<colgroup>.<thead>: Agrupa el encabezado de una tabla.<tbody>: Agrupa el cuerpo de la tabla.<tfoot>: Agrupa el pie de la tabla.<tr>: Define una fila en una tabla.<td>: Define una celda en una tabla.<th>: Define una celda de encabezado en una tabla.
<form>: Define un formulario HTML.<fieldset>: Agrupa controles relacionados dentro de un formulario.<legend>: Proporciona un título para un<fieldset>.<label>: Etiqueta un control dentro de un formulario.<input>: Define un campo de entrada de datos.<button>: Define un botón interactivo.<select>: Crea un menú desplegable.<option>: Define una opción dentro de un<select>.<textarea>: Crea un área de texto multilínea.<optgroup>: Agrupa opciones dentro de un<select>.<datalist>: Proporciona una lista de opciones predefinidas para un campo de entrada.<output>: Representa el resultado de un cálculo.<progress>: Muestra el progreso de una tarea en ejecución.<meter>: Representa una medida escalar dentro de un rango conocido.<input type="text">: Campo de entrada de texto.<input type="password">: Campo de entrada para contraseñas.<input type="checkbox">: Casilla de verificación.<input type="radio">: Botón de opción.<input type="submit">: Botón para enviar un formulario.<input type="reset">: Botón para restablecer un formulario.<input type="file">: Selector de archivos.<input type="hidden">: Campo de entrada oculto.<input type="image">: Botón de imagen.<input type="date">: Selector de fecha.<input type="datetime-local">: Selector de fecha y hora local.<input type="email">: Campo de entrada de correo electrónico.<input type="month">: Selector de mes y año.<input type="number">: Campo de entrada numérico.<input type="range">: Selector de rango (barra deslizante).<input type="search">: Campo de búsqueda.<input type="tel">: Campo de entrada de teléfono.<input type="time">: Selector de tiempo.<input type="url">: Campo de entrada de URL.<input type="week">: Selector de semana y año.
<details>: Define un widget de interacción que el usuario puede abrir o cerrar.<summary>: Define un resumen visible para el elemento<details>.<dialog>: Define un diálogo o cuadro de diálogo modal.<menu>: Define un conjunto de comandos que pueden ser activados por el usuario.<menuitem>: Define un comando que un usuario puede invocar desde un menú de contexto.
<applet>: Incrustaba una aplicación Java. Reemplazado por<object>.<acronym>: Definía una abreviatura. Usa<abbr>en su lugar.<bgsound>: Reproducía sonido de fondo. Usa<audio>en su lugar.<blink>: Hacía que el texto parpadeara. No soportado.<marquee>: Creaba un texto en movimiento. No soportado.<noframes>: Definía contenido alternativo para navegadores que no soportan<frames>.<frameset>: Definía un conjunto de marcos. No soportado en HTML5.<frame>: Definía un marco dentro de un<frameset>. No soportado en HTML5.
Aquí una muestra del código
Otros Blog
