sábado 2 de mayo de 2009

HTML básico

Uno de los grandes avances que han traído los blogs consigo ha sido siempre la posibilidad de establecer una conversación bidireccional. No sólo el hecho de que cualquiera pueda escribir una entrada en su blog es un hecho comunicativo, sino que se completa con el factor de que sus lectores pueden opinar al respecto y responder a través de los comentarios.

En la gran mayoría de los casos, los comentarios de los blogs aceptan etiquetas HTML para poder dar un formato mínimo al texto, y poder hacerlo más comprensivo, y dinámico, en especial a la hora de enlazar con otro contenido que venga al caso. La dificultad aquí es que la enorme mayoría de los sistemas de comentarios no permite hacer esto mediante un tipo de herramienta WYSIWYG, sino que debes conocer dichas etiquetas para poder formatear a tu gusto.

Así pues abro esta anotación como recordatorio propio y explicación básica para aquellos que no conozca mucho del asunto; para formatear un texto mediante HTML, tan sólo hay que indicar dónde se inicia y dónde acaba un formato determinado de la siguiente forma:

<x>texto formateado</x>

Donde "x" es el código que determina el formato concreto, los signos <> encierran dicho código al principio y la finalización se marca con </>. Así pues, los códigos más básicos que encontraremos (a la hora de usar en un comentario de blog), son los siguientes:
  • Negrita: usa la etiqueta “b”. Ejemplo: <b>Negrita</b>
  • Cursiva: usa la etiqueta “i”. Ejemplo: <i>Cursiva</i>
  • Enlaces: usa la etiqueta “a href”. Ejemplo: <a href='www.laintranet.es'>La Intranet</a>. Esto sería un enlace a este blog, y el texto que aparecería sería simplemente “La Intranet” (o el texto que queda entre los corchetes)
  • Enlaces en ventana nueva: útil si los comentarios de un blog se ubican (como suele suceder con blogger) en un pop-up de tamaño reducido. Es como el anterior, pero añadiremos la determinación target=”_blank”. Ejemplo: <a href='www.laintranet.es' target="_blank">La Intranet</a>. Esto abriría una nueva ventana con el contenido enlazado.

Estos son las etiquetas más básicas y que se aceptan en la mayor parte de sistema de comentarios de blogs. Espero que se despejen las dudas de “quien yo me sé” smile_regular

Etiquetas de Bitacoras.com: , , , , ,
Publicado por el 5/02/2009 06:36:00 PM
Etiquetas: ,

9 comentarios:

  1. Ya me fastidia reconocerlo, pero como soy bastante sincera,tengo que confesar que me parece más interesante este post que el curso de numeración de CCC, y el otro al que asistí en el que intentaron que aprendiera a escribir una "o" con un canuto :P

    Muchas gracias :)
    ResponderSuprimir
  2. Vaya!, y ¿por qué te fastidia? :D
    ResponderSuprimir
  3. ¡ S.O.S.!

    Tengo una duda, Manu
    Es que no sé lo que pasa, pero no consigo poner un enlace en un blog con la fórmula que indicas de la etiqueta "a href".
    Intento seguir los pasos que pones en el ejemplo, y supongo que algo hago mal, pero no sé cual es el "poblema" porque hay manera. Hoy debo tener el día cruzao.

    Quiero poner un enlace a esta pág.: http://www.xlsemanal.com/web/firma.php?id_edicion=4147&id_firma=8751

    que es un artículo de Perez Reverte

    Y escribo:
    Pincha aquí para ver el artículo¿Qué falta? ¿qué sobra? ¿sobra todo?¿sobro yo?¿tengo los dedos atontaos?¿habrá cursos de CCC para esto? ¿ sería Vd. tan amable de darme alguna pista? Que sea grande, porfa

    :(

    Gracias anticipadas

    ( a ver si le he dao las gracias, y no me contesta jajajaja )
    ResponderSuprimir
  4. ¡ Andaaaa ! ahora en vez de salir todo el rollo que he escrito : a hret....... bla, bla, bla,
    sale el vínculo, pero no me lleva a ninguna parte ¡ Cielo santooo ! no entiendo ná.
    ResponderSuprimir
  5. El enlace lo has puesto bien, al menos en el comentario anterior. No te lleva a ninguna parte, pero es por algún problema en mi plantilla que le añade a los enlaces de los comentarios la dirección de mi propio blog.

    Por lo demás está perfectamente enlazado :)
    ResponderSuprimir
  6. Ya sé lo que te faltaba en el enlace de arriba, no es problema de la plantilla como pensaba:

    Es sencillamente que no has incluido el http:// delante de la url

    Ejemplo de enlace correcto con http:// delante de la dirección.

    Ejemplo de enlace incorrecto sin http:// delante de la dirección.
    ResponderSuprimir
  7. Si que lo incluí. En varios de los intentos que hice también puse http, y como no funcionaba, probé sin poner eso y teclear directamente empezando por "www", pero ... seguiré intentando.
    No obstante, ya he hablado del tema en el blog de nuestro amigo común, porque me tenía muy preocupada.
    ;)
    ResponderSuprimir
  8. En el comentario de arriba te aseguro que no lo incluiste :P
    ResponderSuprimir
  9. Pues te prometo que cuando escribí pidiendo ayuda, ya había hecho varios intentos (porque no soy de las que se rinden a la primera), y no había forma. Supongo que lo que pasó, es que seguí los pasos del post inicial ( en el que me pones el ejemplo de www.laintranet) al píe de la letra en mi mensaje anterior.
    De todas formas, muchas gracias
    Ahora creo que ya
    Gracias, gracias, graciasssss
    Graciassss
    ResponderSuprimir

Suscribirse a: Enviar comentarios (Atom)