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. |