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 😉
