HTML básico para comentarios

A ver, ¿cuántos de vosotros, sí, vosotros, lectores, no habéis puesto nunca un comentario en algún blog o web que visitéis? Espero que no empecéis todos a levantar la mano, así que imaginemos que todos habéis comentado alguna vez. Dependiendo del sistema con el que esté hecho el blog, tendréis una cajita para escribir vuestro comentario y algunas opciones para el texto o una leyenda indicándoos qué etiquetas (en HTML) podéis usar para darle formato a vuestro comentario. Vale, en este blog no hay nada de eso (sí, trabajaré en ello), pero sí se pueden usar las etiquetas HTML.

Os hablaré de unas cuantas etiquetas de HTML (el lenguaje de Internet) para que podáis subrayar el texto, remarcarlo con negrita, inclinarlo como si fuera cursiva… Así vuestros comentarios tendrán otra pinta, no serán tan aburridos o sencillamente serán más cómodos de leer y podréis dar más importancia a ciertas partes del texto. No os preocupéis que esto no es programación 😉

En HTML todo va por etiquetas que se «abren» y «cierran» para indicar a qué parte del texto o contenido afectan. Por ejemplo: Hola, <etiqueta>esto es</etiqueta> un texto.

La etiqueta llamada «etiqueta» (sí, podría haber buscado un nombre menos redundante, pero no sería tan descriptivo :-P) comienza justo antes de esto y termina después de es. Como habréis notado, las etiquetas se encierran entre los símbolos menor ( < ) y mayor que ( > ) y cuando cerramos una etiqueta, es decir, cuando le decimos «hasta aquí quiero que funciones», lleva una barra inclinada ( / ) antes del nombre de la etiqueta.

Vayamos con unas etiquetas útiles para los comentarios:

NOTA: Algunos blogs no permiten el uso de HTML en sus comentarios. Así que aseguraos de que podéis usar HTML antes de llenar el texto con etiquetas y más etiquetas 😛

Etiquetas básicas HTML
Etiqueta Texto Resultado
strong Es la <strong>peor película</strong> que he visto Es la peor película que he visto
em Su nombre era <em>Nasrudin</em>. Su nombre era Nasrudin.
u El secreto es la <u>rapidez</u>. El secreto es la rapidez.
s Hoy cumplo <s>30</s> 27 años. Hoy cumplo 30 27 años.
acronym Tim Berners-Lee inventó la <acronym title="World Wide Webu>WWW</acronym>. Tim Berners-Lee inventó la WWW.
a ¿Ejemplo de autopublicidad? Vale, visita <a href="http://blog.tempwin.net/" target="_blank">mi blog</a>. ¿Ejemplo de autopublicidad? Vale, visita mi blog.

Habréis observado que en la última etiqueta, la que nos permite añadir enlaces (links), se le añaden más cosas que la propia etiqueta: los atributos. Son varias las etiquetas HTML que pueden llevar atributos. Para el ejemplo anterior, el atributo target indica dónde se abrirá la nueva página. Dos son las opciones importantes que ofrece:

  • _self: La nueva página se abrirá en la ventana actual del navegador.
  • _blank: La nueva página se abrirá en otra ventana del navegador.

El otro atributo, href, es para indicar la web que queremos enlazar (en el ejemplo de la tabla, enlazamos la dirección de este blog).

Otra etiqueta útil, sobre todo cuando quieres citar a alguien es blockquote:

<blockquote>Escojo a mis amigos por su buena apariencia, a mis conocidos por su carácter y a mis enemigos por su inteligencia.</blockquote>.

Escojo a mis amigos por su buena apariencia, a mis conocidos por su carácter y a mis enemigos por su inteligencia.

Hey, fijaos que además, sin mucho esfuerzo, habéis aprendido algo del lenguaje para hacer páginas web 🙂

Venga, tenéis los comentarios de este post a vuestra disposición para pruebas 😉

9 respuestas a «HTML básico para comentarios»

Macus, te he corregido el comentario para que se viese la imagen. El código que habías puesto no funcionaba aquí porque no era código HTML sino lo que se llama BBcode, un lenguage muy sencillo de etiquetas (como el HTML) que se usa cuando no se permite HTML, sobre todo en los foros, y queremos dar cierto formato a nuestro texto.

En HTML, para insertar una imagen habría que poner:

<img src="http://www.servidor.com/foto.jpg" />

OJO, la etiqueta img se usa sola, no hay que cerrarla.

Gracias, SKaRCHa, me alegro de verte por aquí 🙂

PD Me he partido con el vídeo xD

Por el autor de la entrada

A mi lo que me fastidia es no saber si un blog no soporta HTML, porque si no lo soporta y pongo mi comentario con HTML….pues no se entiende mucho lo que he puesto, así que al final paso de formatear el texto.

El video es muy gracioso XDD .