Artículos sobre marketing de contenidos y copywriting

Chuleta de HTML básico para bloggers

¡Me gusta!
2

Piensa por un momento en qué es lo que más miedo te da como blogger.

Solo por diversión, echa un vistazo a esta lista y marca las casillas con las que te sientas identificado.

  • Me da miedo levantarme un día y darme cuenta de que uno de mis post se ha vuelto viral porque todo Internet ridiculiza algo que he escrito.
  • Me espanta la idea de recibir un email de la plataforma donde tengo alojado el blog que dice que los servidores se han quemado y se han perdido todos los archivos… ¡incluyendo todos mis artículos!
  • Me atemoriza volverme tan famoso que alguno de mis lectores se obsesione conmigo y se convierta en un acosador.
  • Me cada vez que decido actualizar mi CMS (por ejemplo la versión de WordPress o uno de sus plugins)
  • Me da pavor ese mundo extraño y enmarañado que se esconde tras el botón “vista HTML” del formulario de edición del blog.

Si marcaste la última casilla, estupendo porque tiene muy fácil solución: el código HTML es realmente fácil de aprender. Las otras cosas son un poco más improbables o más difíciles de solucionar (aunque la número 4 no debería quitarte el sueño si adoptas la sana costumbre de hacer backups periódicos).

HTML: Lo básico de lo básico

El lenguaje HTML es un lenguaje de marcado, así que funciona con etiquetas. En HTML las etiquetas se escriben entre signos de menor que y mayor que, así:

<etiqueta>

Por lo general vienen en pares, porque hay que abrirlas y luego cerrarlas. Un ejemplo es la etiqueta párrafo:

<p></p>

Entre medias de ambas etiquetas escribimos el contenido del elemento. Siguiendo con el ejemplo del párrafo, sería el texto que contiene, así:

<p>Texto del párrafo.</p>

Chuleta de HTML básico para bloggers
Si te ha resultado útil esta infografía, te invitamos a compartirla en tu propio blog o en un foro con total libertad, aunque por favor si lo haces enlaza nuestra web.

Aquí tienes un código de ejemplo para insertar esta infografía en tu web:


<a href="https://www.superblogger.es/html-para-bloggers/"><img src="https://www.superblogger.es/imagenes/chuleta-html-bloggers.jpg" alt="Chuleta de HTML básico para bloggers" width="680" /></a>

Y si te ha resultado útil, ¡no tengas reparos en compartirla!

¡No te pierdas el próximo post!

Únete a nuestra newsletter para recibir consejos y trucos para bloggers

2 comentarios en “Chuleta de HTML básico para bloggers”
  1. jorge

    Muy interesante, Laura.
    Como has empezado por lo básico aprovecho un pregunta básica:

    Supón que escribo un post de 1000 palabras, y quiero buscar algo para retocar en HTML,

    ¿como puedo buscar una frase concreta que desee resaltar, entre tanto codigo HTML?

    Basicamente quiero saber como buscar algo concreto dentro de ese amasijo tremendo que es el código HTML.

    Gracias

    • Laura Blanco

      Hola Jorge,

      Te puede resultar útil la función “buscar en la página” de tu navegador, que se activa pulsando Ctrl+F (en ordenadores PC) o bien Comando+F (en ordenadores Apple).

      Una vez presionas esa combinación de teclas, tu navegador te mostrará un campo de texto donde podrás teclear la palabra o frase que te interesa localizar.

      Saludos!!

Deja un comentario

¿Con qué frecuencia debo publicar en mi blog o en las redes sociales?

Únete a nuestra newsletter para recibir consejos y trucos para bloggers

Preview by Thumbshots.com Thumbnail Screenshots by Thumbshots