15 Códigos HTML que todo blogger debería conocer

Afortunadamente vivimos en una época en la que no se necesita ser programador ni desarrollador web para tener un blog, ¡yay! Pero eso no quiere decir que no necesitemos de vez en cuando una ayudadita para hacer lucir más lindos nuestros blogs, o tener un poco de control sobre cómo se ven las imágenes, el texto u otros elementos que incluimos en nuestras publicaciones.

En este post les comparto rápidamente una lista de códigos HTML que pueden ayudarles en Blogger y WordPress a editar ciertos detalles de sus publicaciones. Les recomiendo guardarlos por ahí, en Pinterest por ejemplo ¡para que siempre los tengan a la mano!

15 Códigos HTML que todo blogger debería conocer

Códigos HTML básicos:

  1. Convertir el texto en negritas: <strong>Tu texto aquí</strong>
  2. Convertir el texto en itálicas: <em>Tu texto aquí</em>
  3. Atraviesa tu texto con una línea: <del>Your text here</del> (ideal para hacer correcciones sin borrar la versión original de tu post)
  4. Subraya un texto: <u>Tu texto aquí</u>
  5. Cambiar el color de la tipografía: <span style=”color: #ff6cc5;”>Your text here</span> (consulta todos los códigos hexadecimales de color aquí)
  6. Haz que una frase o cita destaque: <blockquote>Tu frase aquí</blockquote>
  7. Utilizar una tipografía diferente en un texto: <span style=”font-family: georgia, serif;”>Tu texto aquí</span>
  8. Crear un link: <a href=”http://tusitioweb.com/”>El texto del link aquí</a>
  9. Insertar una imagen: <img src=”http://tusitioweb.com/imagen.jpg”/>
  10. Hacer que después de un párrafo, imagen o palabra la línea se salte:  Tu contenido aquí</br>
  11. Crear un párrafo: <p>Tu texto aquí</p>
  12. Hacer que un link se abra en otra ventana: <a href=”http://tusitioweb.com/” target=”_blank”>El texto del link aquí</a>
  13. Hacer que una imagen con link se abra en otra ventana: <a href=”http://tusitioweb.com/” target=”_blank”><img src=”http://tusitioweb.com/imagen.jpg” /></a>
  14. Crea una línea horizontal para dividir el contenido de tu post: <hr>
  15. Utiliza los “headings” para incluir subtítulos en tu post: <h1>Tu subtítulo aquí</h1> (utiliza h1, h2, h3, h4, h5 o h6 para definir el tamaño, entre más grande el número menor su tamaño).