Hipervínculo y algo más

La parte del código más utilizada por los Bloggers es el hipervínculo. El hipervínculo es la parte del código que nos permite enlazar con otros blogs. Los hipervínculos tienen una estructura determinada:
La primera parte del hipervínculo es una a
La segunda parte es la referencia href
La tercera parte es el title (recuadro informativo que aparece al pasar el puntero)
Y cuarta parte y ultima, el texto, el cual va situado de la siguiente manera:
<a href= “dirección Web” title= “información sobre la Web”>El texto</a>
La referencia del vinculo no siempre tiene que ser una página Web, también puede ser una parte del blog <a href= '#outer-wrapper' >, y si a esta referencia, se endereza con unos atributos, podemos lograr que el vinculo nos devuelva al encabezado. El atributo más utilizado, sino se quiere utilizar el efecto persiana para volver al encabezado, es skiplink.
La parte que corresponde a title no es obligatoria. Tenemos la opción de mostrar la información de otra manera, como por ejemplo, utilizando este código:

<script language="javascript">
var a = "Vínculo 1 descripción"
var b = ""
var c = "Vínculo 2 descripción"
var d = "Vínculo 3 descripción"
var e = "Vínculo 4 descripción"
var f = "Vínculo 5 descripción"

</script>
<table width="323">
<tbody>
<tr>
<td bgcolor="#c0c0c0" width="281"><a onmouseover="document.dormi.luna.value=a" onmouseout="document.dormi.luna.value=b" href="http://cantarbailar.blogspot.com/%22">Vínculo 1</a><br><a onmouseover="document.dormi.luna.value=c" onmouseout="document.dormi.luna.value=b" href="http://cantarbailar.blogspot.com/%22">Vínculo 2</a><br><a onmouseover="document.dormi.luna.value=d" onmouseout="document.dormi.luna.value=b" href="http://cantarbailar.blogspot.com/%22">Vínculo 3</a><br><a onmouseover="document.dormi.luna.value=e" onmouseout="document.dormi.luna.value=b" href="http://cantarbailar.blogspot.com/%22">Vínculo 4</a><br><a onmouseover="document.dormi.luna.value=f" onmouseout="document.dormi.luna.value=b" href="http://cantarbailar.blogspot.com/%22">Vínculo 5</a> </td>
<td bgcolor="#c0c0c0" width="40">
<table border="3" bordercolorlight="#800080" bordercolordark="#ffff00">
<tbody>
<tr>
<td bgcolor="#808000"><br>
<form name="dormi"><input style="width: 210px; height: 22px" size="1" name="luna"> </form></td></tr></tbody></table></td></tr></tbody></table>
<p><font color="#ffff00"></font></p>

Si queréis encontrar más información y códigos sobre vínculos dirigios a:
Javascripts.astalaweb.net (veréis el código original en funcionamiento)

El código que aparece en la entrada está modificado para darle otro aspecto, como podéis ver en la imagen.
Compartir