Las etiquetas son elementos fundamentales del marcado de hipertexto o HTML. Se utilizan para estructurar y dar formato a documentos web o páginas web.
Las etiquetas indican cómo se deben presentar o comportar los elementos de una página web. Es decir, marcan dónde tiene que ir cada cosa.
Qué es una etiqueta HTML
Una etiqueta HTML es una parte del lenguaje que permite indicar qué tipo de elemento se está creando dentro de una página web.
Algunas etiquetas sirven para crear la estructura principal de una página. Otras sirven para agregar párrafos, imágenes, enlaces, formularios y otros elementos.
Etiquetas HTML comunes
Algunas de las etiquetas más comunes en cuanto a estructura HTML son:
<header><body><footer>
También existen etiquetas muy comunes para el contenido de una página, como:
<p>para párrafos.<img>para imágenes.<a>para enlaces.<form>para formularios.
Cómo se compone una etiqueta HTML
Una etiqueta HTML normalmente se compone de una apertura y un cierre.
Estas etiquetas van rodeadas de corchetes angulares. Por lo general, vienen en pares: una etiqueta de apertura y una etiqueta de cierre.
La etiqueta de apertura marca el inicio de un elemento, mientras que la etiqueta de cierre marca su final.
La etiqueta de cierre es similar a la etiqueta de apertura, con la diferencia de que tiene una barra diagonal antes del nombre de la etiqueta.
| Parte | Ejemplo | Función |
|---|---|---|
| Etiqueta de apertura | <p> | Marca el inicio del elemento. |
| Contenido | Esto es un párrafo en HTML | Es el texto o elemento que se muestra. |
| Etiqueta de cierre | </p> | Marca el final del elemento. |
Ejemplo de una etiqueta de párrafo
Si quisiéramos hacer un párrafo, solo deberíamos escribir la etiqueta de apertura, luego el contenido y finalmente la etiqueta de cierre.
<p>Esto es un párrafo en HTML</p>En este caso, la etiqueta <p> representa un párrafo dentro de la página web.
Ejemplo de una etiqueta de enlace
Si quisiéramos hacer un enlace, utilizaríamos la etiqueta <a>.
La etiqueta <a> es la que se encarga de representar los enlaces y normalmente utiliza el atributo href, que indica la ruta del enlace.
<a href="https://dropcoding.com">Mi página web</a>En este ejemplo, el texto ancla sería “Mi página web”. Ese es el texto que se va a ver en el enlace.
Diferencia entre etiqueta y atributo
La etiqueta indica el tipo de elemento que se va a crear. El atributo agrega información adicional a esa etiqueta.
| Elemento | Ejemplo | Qué hace |
|---|---|---|
| Etiqueta | <a> | Crea un enlace. |
| Atributo | href | Indica la ruta o dirección del enlace. |
| Texto ancla | Mi página web | Es el texto visible del enlace. |
Conclusión
Una etiqueta HTML sirve para estructurar y dar formato a una página web.
Las etiquetas indican dónde empieza y dónde termina cada elemento, y ayudan a organizar el contenido dentro del documento.
Algunas etiquetas básicas son <p> para párrafos, <a> para enlaces, <img> para imágenes y <form> para formularios.
Entender cómo funcionan las etiquetas HTML es uno de los primeros pasos para aprender a crear páginas web desde cero.
