Morenita tiene una escoba

Hola,

N.B.: si no habéis osado hiperenlazar nunca sin que se vea el http://, no hace falta seguir ningún hiperenlace de esta entrada para sacarle casi el mismo provecho. Seguidlos SÓLO si disponéis de tiempo de sobra: en cierto modo son redundantes. Esta entrada os cuenta LO MISMO que hubierais encontrado por ahí si lo hubierais buscado antes. Si os gusta hacer deberes, clicad únicamente sobre el último hiperenlace.

Conozco personas que todavía “escriben” páginas en html (o que ya se pasaron a xhtml) con el fin de publicar hipertexto en la www –Mina es una de esos pirados: lo escribe desfasado y con faltas, tiene que reciclarse, y por eso paró Le Satellite diplomatique para crear una plantilla xhtml que permitiera rss y/o moverlo a un LifeType que a saber cuándo va a estrenar. El html (a substituir por el xhtml) tiene una gramática rica y en evolución, y su estándar lo revisa y aprueba el W3 Consortium. Lo básico no ha cambiado demasiado desde su primera aparición: entre ello, los hiperenlaces.

Supongo que la gran mayoría de vosotros editáis las entradas de vuestros blogs en modo visual. Puede que os dé pereza la edición html, o no lo intentéis por miedo escacharrar algo; aun así os sugiero 1) escribir algo en modo visual, 2) meter un hiperenlace y 3) observar qué ocurre cuando cambiáis a vista html.

Entre otros casos de hiperenlace (dejo el enlace de párrafos dentro de una misma URL para otro día), podéis encontraros con esto:

Mina está hibernando como las osas pardas bien educadas.

En este caso se trata de un enlace simple sin añadidos. Se codifica así:
Mina está hibernando como las <a href=”http://www.fundacionosopardo.org/”>osas pardas</a> bien educadas.

Todo lo azul es lo que desaparecerá en vuestro comentario, y en su lugar habrá un enlace en osas pardas. La a abrevia anchor, y el href abrevia hypertext reference. La URL siempre va entrecomillada, y no olvidéis el signo = (todo sin espacios). La orden de enlace afecta a todo el texto que sigue hasta que se cierra el anchor con </a>. El enlace puede estar coloreado y/o subrayado, entre otros efectos, según determine la hoja de estilo (css) adjunta a vuestra plantilla.

Mina dedica su ocio a enervarse innecesariamente, debatir el sexo de los ángeles con falta de argumentos poderosos, y ver películas como Tootsie en lugar de hacer lo que debería.

Ahí va:
Mina dedica su ocio a <a href=”http://morenita.ordenoyguardo.com/2008/10/27/shangri-la-the-kinks-1969/” target=”_blank”>enervarse innecesariamente</a>, <a title=”Punt per punt I : 1 / dice mi ama. — Mtue, 2008, 23 de noviembre” href=”http://morenita.ordenoyguardo.com/2008/11/23/punt-per-punt-i-1-etc-sobre-la-poesia/” target=”_blank”>debatir el sexo de los ángeles</a> con falta de argumentos poderosos, y ver películas como <a href=”http://www.fast-rewind.com/tootsie.htm” target=”_self”>Tootsie</a> en lugar de hacer <title=”terminar la codificación de los papeles de J.A. Goytisolo y olvidarse de esta parte tediosa de su trabajo de fin de carrera”>lo que debería</a>.

Vamos por partes:

• El primer hiperenlace, el dedicado a enervarse innecesariamente, lleva una marca de objetivo (target): en este caso, al clicar encima del hiperenlace nos “preserva” la página que estamos leyendo y abre una nueva pestaña (o página, según la configuración) en el navegador (Firefox, Explorer, … el que gustéis).
• El segundo, el de debatir el sexo de los ángeles, añade una “explicación” o título (title) al hiperenlace, que aparece si colocáis el cursor encima del hiperenlace (sin clicar). La sintaxis es la misma: entrecomillado, sin espacios… sólo añadir que el orden de factores después de la <a y antes de cerrar con > la primera etiqueta (la que contiene el href, title y lo que pueda venir) no altera el producto.
• El tercero, Tootsie tiene un target=”_self”, que significa que nos lo abrirá en la misma página que estamos, es decir: nos echa fuera de lo que estamos leyendo y salta a la dirección del enlace. Para volver a lo que estábamos leyendo necesitaremos ir atrás en el navegador. Es el target por defecto en la edición visual (si vuestro editor no os permite configurarlo previamente de otro modo).
• Si pasáis arriba el cursor por encima del sintagma lo que debería, os aparece el contenido del title, sin hiperenlace.

Mina, tienes que salir más a caminar, volver a cocinar verdura y no tomar tanto tabaco sueco. Y cumplir con los plazos. Porque ya estamos a jueves.
Cómo usar un atributo que se codifica id en relación al anchor queda como deberes (vuestros).

Tags: hiperenlaces, hipertexto, html, tutoriales, W3C, xhtml