¿Qué son las etiquetas HTML?

En el mundo del internet, el lenguaje informático HTML, el cual no es esencialmente un lenguaje de programación, pero es la base para aprender a crear páginas web. Técnicamente, es un lenguaje de marcado, y es lo que sus siglas en iles significan: HyperText Markup Language (lenguaje de marcado de hipertexto).

A lo de «hiper» vuelvo luego, ahora concentremonos en la parte de «marcado». Este lenguaje es un lenguaje de marcado, significa que sirve para hacer documentos, y además, para marcar ciertas partes del documento como diferentes, como por ejemplo:

  • El titulo
  • La fecha
  • Palabras en negrita o cursiva
  • Secciones entre otras.

Para esto, HTML utiliza etiquetas: Las etiquetas son como los paréntesis, encierran el texto que se quiere resaltar ó darle una cualidad especial. Y se ven así:

<etiqueta>texto</etiqueta>

Nombre de la etiqueta

En este ejemplo, se utiliza una etiqueta de apertura nombrada «etiqueta». La etiqueta de apertura tiene el nombre de la etiqueta encerrado en los signos "menor que" (<) y "mayor que" (>).

<nombre_de_la_etiqueta>

El nombre de la etiqueta no puede ser cualquiera, sino uno de una lista de nombres que confieren cualidades al texto de la etiqueta.

Luego de esto va la etiqueta de cierre, esta tambien tiene el nombre de la etiqueta encerrado en estos "signos cocodrilo" (me refiero a estos "<>"), con la unica diferencia que antes del nombre de la etiqueta hay un slash (me refiero a este "/"). Y se ve así:

</nombre_de_la_etiqueta>

Ojo: El nombre de la etiqueta nunca lleva espacios.


Texto dentro de la etiqueta

El texto de la etiqueta puede ser lo que sea:

<etiqueta>Hola, como estas</etiqueta>

<etiqueta>Yo soy texto dentro de una etiqueta</etiqueta>

<etiqueta>Imagine un parrafo largo de 500 palabras...</etiqueta>

Sin embargo, si insertamos una etiqueta de cierre, no va a funcionar:

NO HAGA ESTO!
<etiqueta>Para cerrar la etiqueta, escriba "</etiqueta>" al final.</etiqueta>

Pero sí puede meter una etiqueta dentro de otra, imagina que quieres escribir un texto así:

<titulo> Mi blog de animales </titulo>
<parrafo> 
    Hoy adopté un <resaltar>perrito</resaltar>.
    Tiene 1 año y es naranja.
</parrafo>

Ejemplos de etiquetas

Unas etiquetas muy famosas de html son:

  • <p>: Parrafos
  • <i>: Cursiva (piense en inclinada)
  • <b>: Negrita (piense en bien gruesa)
  • <h1>: Titulos (si cambias el 1 por una i es como decir "hi" en inglés)
  • <small>: Texto pequeño (en programación hay que aprender inglés, no hay de otra)
  • <u>: sUbrayado

Y abajo hay un ejemplo de como las podría utilizar:

(me lo inventé)

<h1>El mejor gol del fútbol</h1>
<p>
    En el fútbol se han hecho muchos buenos goles, no olvidemos el de Pepito en la final del 2018. Pero sin duda, <i>el mejor hasta ahora</i>, es el de <b>Luis</b>. Cuando hizo esa <u>chilena</u> y marcó a <b>30 metros</b> de la cancha.
</p>
<p>
    <small>sin duda el mejor gol</small>
</p>

Como pueden ver, es como escribir, y los límites de como lo pueden utilizar son los de su imaganación.