Curso básico de etiquetas HTML para comentarios de WordPress

Este pequeño tutorial sería válido tanto para WordPress.org como WordPress.com, y todos aquellos sitios que admitan HTML sencillo.

Muchas veces queremos resaltar algo cuando comentamos una entrada en un blog, y como no sabemos código HTML (o ignoramos que podamos utilizarlo), pues recurrimos a las “comillas” para hacerlo. Mi labor de hoy es mostraros cómo de una manera muy simple, podemos darle formato a nuestro texto mientras lo escribimos, para dejarlo bien bonito.

Empecemos con lo básico: Negrita, Cursiva y Subrayado. Tras el salto…

Negrita

Antes de la palabra o frase que queramos poner en negrita, añadimos la etiqueta <b> y después de la palabra o frase </b>. Esto marcará el inicio y el fin de la negrita.

 <b> texto en negrita </b> texto en negrita 

La b es de Bold (marcado, grueso, fuerte, en el idioma de la pérfida Albión).

Cursiva

Igual que antes, cuando queramos que empiece la cursiva, escribimos <i> y cuando queramos que termine </i>.

<i> texto en cursiva </i> texto en cursiva

La i es de Italic.

Subrayado

Ya sabéis cómo es, pero en este caso usaremos <u> y </u> para iniciar y terminar el subrayado.

<u> texto subrayado </u> texto subrayado

La u es de Underline.

Estas tres etiquetas son anidables… es decir, podemos utilizar más de una a la vez para nuestro texto.

 <i>En un lugar de <b><u>la Mancha</u></b>, cuyo nombre no quiero acordarme…</i>
 En un lugar de la Mancha, cuyo nombre no quiero acordarme…

Hasta aquí lo más básico de lo básico… Vamos a ver ahora 2 etiquetas más, útiles, pero que no todos los blogs permiten: Enlaces e Imágenes.

Enlaces

La dinámica es la misma que antes, donde queremos que empiece el enlace añadimos la etiqueta <a href=”link“>, cambiando link por la url a la que queremos enlazar (OJO: las comillas tiene que permanecer). Cuando queramos cerrar el link, </a>.

<a href=”http://zinemaniacos.com”>Zinemaníacos</a> Zinemaníacos

Imágenes

Este método permite que las imágenes aparezcan reflejadas, y no sólo hipervinculadas, en nuestros comentarios. Sólo necesitamos conocer la url de la imagen en cuestión que queramos utilizar. Si lo que quieres es reflejar una imagen que está en tu ordenador, antes tendrás que subirla a internet para poder obtener una url válida.

La etiqueta que tenemos que utilizar es <img src=”url de la imagen” />. Como véis, en este caso no existe etiqueta de cierre… la propia etiqueta de inicio se “autocierra”.

<img src=”https://zinemaniacos.files.wordpress.com/2013/06/hhbrfecy2qrqhsnultmgasakrpt.jpg” />

Estas serían las etiquetas más comunes y “permitidas” dentro de los comentarios de los blogs, aunque depende siempre de la seguridad que tengan implementada. En alguna ocasión, muchas, os encontraréis con que ni siquiera podréis poner las 3 básicas, y aparecerán como texto plano, y no como etiquetas…

Por otro lado también tendríamos las etiquetas de alineado de texto (izquierda, centrado, derecha y justificado), tachado, colores, listas, tablas y un larguísimo etc en el que no nos vamos a meter por tres razones: 1. es más complicado; 2. no se permite en la mayoría de sitios; y 3. no me apetece.

La última? la razón más poderosa.

3 Comentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *