Explora nuestro glosario completo de etiquetas HTML con descripciones detalladas y ejemplos para entender cómo utilizarlas correctamente en el desarrollo web.
Etiqueta | Descripción |
---|---|
<!DOCTYPE html> | Declaración que define el tipo de documento y la versión de HTML utilizada. Es obligatoria en todos los documentos HTML modernos. |
<html> | La etiqueta raíz de un documento HTML. Todo el contenido del sitio debe estar dentro de esta etiqueta. |
<head> | Contiene metadatos sobre el documento, como el título de la página, enlaces a hojas de estilo, y scripts. No se muestra en la página. |
<title> | Define el título de la página que aparece en la pestaña del navegador. |
<meta> | Proporciona metadatos adicionales como la codificación de caracteres y descripciones para motores de búsqueda. |
<body> | Contiene todo el contenido visible de la página, como textos, imágenes, enlaces, etc. |
<h1> - <h6> | Etiquetas de encabezado que representan los títulos y subtítulos de la página. <h1> es el más importante y grande, <h6> es el más pequeño. |
<p> | Define un párrafo de texto. |
<br> | Inserta un salto de línea. |
<hr> | Inserta una línea horizontal, usada comúnmente para separar contenido. |
<a> | Define un hipervínculo. Utiliza el atributo href para especificar la URL de destino. |
<img> | Inserta una imagen en la página. Utiliza el atributo src para especificar la URL de la imagen y alt para una descripción de texto alternativo. |
<ul> | Define una lista desordenada (bullets). |
<ol> | Define una lista ordenada (numerada). |
<li> | Define un elemento de lista. Se usa dentro de <ul> o <ol>. |
<div> | Etiqueta genérica de contenedor que agrupa elementos para aplicarles estilos o scripts. |
<span> | Etiqueta en línea que agrupa texto o contenido pequeño para aplicarles estilos o scripts. |
<strong> | Resalta el texto como importante, se muestra en negrita por defecto. |
<em> | Muestra el texto en cursiva, generalmente para énfasis. |
<table> | Define una tabla en HTML. |
<tr> | Define una fila dentro de una tabla. |
<td> | Define una celda dentro de una fila de tabla. |
<th> | Define una celda de cabecera dentro de una tabla, generalmente mostrada en negrita. |
<form> | Define un formulario HTML que permite a los usuarios ingresar datos. |
<input> | Define un campo de entrada dentro de un formulario. Puede ser de varios tipos, como text, password, submit, etc. |
<button> | Define un botón clicable. |
<label> | Asocia una etiqueta de texto a un campo de formulario. |
<select> | Define un menú desplegable dentro de un formulario. |
<option> | Define una opción dentro de un menú desplegable <select>. |
<textarea> | Define un área de texto multi-línea. |
<iframe> | Inserta otra página web dentro de la página actual. |
<script> | Inserta o enlaza scripts de JavaScript dentro de la página HTML. |
<link> | Vincula a recursos externos, como hojas de estilo CSS. Utiliza el atributo rel para especificar el tipo de vínculo. |
<style> | Define estilos CSS dentro del documento HTML. |
<nav> | Define una sección de navegación dentro de la página, como menús de enlaces. |
<header> | Define la cabecera de una página o sección, como un título o un logotipo. |
<footer> | Define el pie de página de una página o sección, generalmente contiene información de contacto o derechos de autor. |
<article> | Define contenido independiente dentro de una página, como un artículo de noticias o una publicación de blog. |
<section> | Agrupa contenido relacionado dentro de una página. |
<aside> | Define contenido que está relacionado con el contenido principal, pero se presenta de manera lateral, como una barra lateral. |
<main> | Define el contenido principal de la página. |
<audio> | Inserta contenido de audio en la página. |
<video> | Inserta contenido de video en la página. |
<source> | Define múltiples fuentes para los elementos <audio> y <video>. |
<figure> | Agrupa contenido de medios, como imágenes, diagramas o gráficos, con una leyenda opcional. |
<figcaption> | Proporciona una leyenda para el contenido dentro de <figure>. |
<mark> | Resalta texto dentro de la página. |
<code> | Define un fragmento de código en línea. |
<pre> | Muestra texto preformateado. El texto se presenta con espacios y saltos de línea tal como aparece en el código fuente. |