Entendiendo las Etiquetas Básicas de HTML: Guía para Principiantes
Comienza en el desarrollo web con nuestra guía simple sobre las etiquetas básicas de HTML. Aprende a estructurar tu página web utilizando estos bloques
Introducción a las etiquetas básicas de HTML
Ya seas un desarrollador web en ciernes, un creador de contenido o simplemente una mente curiosa, entender los fundamentos de HTML es una gran habilidad para tener. HTML significa Lenguaje de Marcas de Hipertexto. Es el bloque de construcción de todos los sitios web y es más fácil de entender de lo que podrías pensar. Este post de blog introducirá algunas etiquetas básicas de HTML que se utilizan para estructurar una página web.
La estructura de HTML
HTML está compuesto por elementos, y estos elementos están representados por etiquetas. Piensa en las etiquetas como el esqueleto de un sitio web, proporcionando la estructura. La mayoría de las etiquetas de HTML vienen en pares: una etiqueta de apertura y una etiqueta de cierre. La etiqueta de apertura es el nombre del elemento, cerrado en corchetes angulares. La etiqueta de cierre es la misma, pero con una barra inclinada hacia adelante antes del nombre del elemento.
Por ejemplo, para crear un párrafo, usarías la etiqueta <p>. Un ejemplo de esto es: <p>Este es un párrafo.</p>.
Etiquetas comunes de HTML
Encabezados
Los encabezados se utilizan para definir títulos y subtítulos. Van desde <h1> hasta <h6>, siendo <h1> el más grande y más importante, y <h6> el más pequeño.
Párrafos
La etiqueta <p> se utiliza para definir un párrafo. Todo lo que esté dentro de esta etiqueta se trata como un párrafo separado. Como se mencionó anteriormente, una etiqueta de párrafo se ve así: <p>Tu texto aquí.</p>.
Enlaces
La etiqueta <a> se utiliza para crear hipervínculos. Normalmente se utiliza con el atributo href, que define el destino del enlace. Aquí tienes un ejemplo: <a href="http://www.example.com">¡Visita nuestro sitio web!</a>.
Imágenes
Para insertar una imagen en tu página web, usarías la etiqueta <img>. Esta etiqueta es un poco diferente porque no tiene una etiqueta de cierre. Una etiqueta de imagen se ve así: <img src="imagen.jpg" alt="Descripción de la imagen">. El atributo src especifica la ruta al archivo de la imagen, mientras que el atributo alt proporciona una descripción textual de la imagen.
Listas
Hay dos tipos principales de listas en HTML: listas desordenadas (con viñetas) y listas ordenadas (numeradas). Las etiquetas para estas son <ul> y <ol>, respectivamente. Cada elemento de la lista está envuelto en una etiqueta <li>. Así es como puedes crear una lista desordenada:
<ul>
<li>Primer elemento</li>
<li>Segundo elemento</li>
</ul>
Conclusión
Estas son solo algunas de las etiquetas básicas de HTML que usarás frecuentemente cuando crees una página web. Hay muchas más etiquetas para explorar, cada una con su uso específico. La clave para aprender HTML es la práctica, así que no tengas miedo de experimentar y construir tus propias páginas web. ¡Recuerda, todo experto fue una vez un principiante!
Equipo Editorial LATAM 
