Si tienes un blog te interesa saber qué son las etiquetas HTML y cómo utilizarlas. Te ayudarán a agilizar la creación de contenido, además de maquetarlo de forma más visual para tus lectores.

Siempre que se escribe un blog se debe tener en cuenta que el contenido debe ser atractivo, debe estar estructurado de manera que sea sencillo de leer y comprender para los usuarios.

Por ello,es interesante y de gran utilidad conocer los atajos que ayudan a dar formato al texto que quieres compartir.

Pero, ¿qué son en concreto las etiquetas HTML? ¡Sigue leyendo!

 

¿Qué son las etiquetas HTML?

Las etiquetas HTML son fragmentos de texto que se encuentran entre los símbolos < > y que dan formato al texto que se introduce entre ellos.

Es decir, puedes destacar el texto, ponerlo como título, añadir imágenes o links, aplicar cursiva y muchas cosas más.

Como hemos mencionado anteriormente, son atajos para dar formato al contenido; de forma que, si no encuentras una función, como por ejemplo, destacar el texto en negrita, podrás hacerlo sin perder tiempo en buscar dicha función.

En definitiva, las etiquetas HTML son comandos. Por ejemplo, en Word también podemos utilizar una serie de comandos que nos ayudará a agilizar la escritura de contenido. En el caso de las etiquetas HTML, se utilizan para crear el contenido de una web o un blog.

Ahora que ya sabes qué son las etiquetas HTML te explicaremos algunos ejemplos básicos que te ayudarán a la hora de crear contenido.

 

Etiquetas HTML básicas


Antes de empezar, debes saber, que cuando quieres utilizar este tipo de etiquetas, deberás hacerlo desde la pestaña de HTML en WordPress. Si los utilizas en la pestaña de visual, dichas etiquetas aparecerán como texto escrito y no como comandos de formato. Además, todas las etiquetas deben ir escritas en minúsculas.

Otro aspecto que debes tener en cuenta es la manera de abrir y cerrar el formato. ¿Qué quiere decir esto? Pongamos un ejemplo:

Imagina que quieres destacar la primera frase de este post: “Si tienes un blog te interesa saber qué son las etiquetas HTML y cómo utilizarlas”.

Primero debes saber que la etiqueta HTML que hace esto posible es <b> o <strong>. De esta manera, deberás colocar <b> antes del texto y </b> al terminar el fragmento que quieres destacar:

<b>Si tienes un blog te interesa saber qué son las etiquetas HTML y cómo utilizarlas</b>

Siempre que quieras cerrar el formato deberás colocar / antes del comando.

A continuación te vamos a explicar las etiquetas HTML básicas, diferenciandolas por las que necesitan cierre y las que no.

  1. Etiquetas HTML con cierre:
  • <title>: como el propio nombre indica, esta etiqueta sirve para marcar el encabezado o título de tu post.
  • <h1>, <h2>, <h3>, etc: marca el tipo de encabezado, siendo el <h1> el  más destacado.
  • <b>: como te hemos explicado antes, este comando convierte el texto en negrita. También puede aparecer como <strong>.
  • <i>: te permite poner el texto en formato cursiva.
  • <p>: indica el comienzo y el final de un párrafo. Es decir, no es necesario que diferencies el espacio entre párrafos, ya que esta etiqueta HTML te los separará como si introdujeras un doble intro.

2. Etiquetas HTML sin cierre:

  • <img>: esta etiqueta te permite insertar una imagen en el texto.
  • <br>: te permite hacer un salto de línea simple. A diferencia de <p>, esta etiqueta HTML continúa el texto en una línea diferente, pero sin mantener un espacio de doble intro.
  • <hr>: sirve para introducir una línea de separación dentro del texto. Incluso puedes definir el grosor de dicha línea, pero esa sería ya una función avanzada.
  • <input>: se utiliza para crear formularios en los cuales los usuarios podrán introducir sus datos. Dentro de esta etiqueta HTML se deberán añadir diferentes etiquetas dependiendo de la información que quieras recibir del usuario, es decir, que quieres que rellene.

En definitiva, las etiquetas HTML pueden sacarte de un apuro. En el caso de que no encuentres en la pantalla la función que quieres introducir, podrás introducirla de manera manual a través de estos comandos.

Esperamos que te haya gustado este post. Si quieres o necesitas más información, ¡no dudes en contactarnos!


Paula Cejas Castela

Pin It on Pinterest