Chuleta de HTML básico para bloggers

HTML bloggers

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="http://superblogger.es/html-para-bloggers/"><img src="http://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!

[Tweet “Chuleta de HTML básico para bloggers #infografías”]

Sobre Laura Blanco 58 Artículos
Laura creó su primer blog, "De Madrid al cielo..." en 2005. Desde entonces, no ha parado de escribir: blogs, notas de prensa, textos para páginas web, guiones para vídeos, copy para mailings... Actualmente trabaja como consultora de contenidos en Tíndalos Diseño Intuitivo, empresa de la que es cofundadora. Puedes encontrarla en Twitter como @Intuitiva_

  1. 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

    • 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!!

1 Trackback / Pingback

  1. Cómo hacer irresistibles tus post para Pinterest en 3 pasos | Superblogger

Dejar una contestacion

Tu dirección de correo electrónico no será publicada.


*