martes, 19 de enero de 2016

Tercero A y B, Hipervínculos HTML

Hipervínculos. HTML


Para poner un enlace o liga se utiliza la etiqueta “<a>” nos permite enlazar directamente a otro archivo o página, dentro o fuera de nuestro servidor, dispone de los atributos: href, target y name, donde href es el archivo o url a donde va ir nuestro hipervínculo o enlacetarget es el destino de la ventana y/o frame, y name es para poder hacer “anclas” dentro de nuestro documento, un ejemplo de enlace o hipervinculo en html:

<a href="destino">contenido</a> 



Actividad:

Copia todos los ejemplos de los códigos en un bloc de notas, que se      muestran en el blog
Realiza cambios en el código de color, fuente, etc.

Ejemplo de hipervínculo remoto

<a href="http://www.google.com.mx/">Google</a>
<a href="http://www.prodigy.msn.com/">T1MSN</a>
<a href="http://www.mail.live.com/">MSN</a>


Código para generar Hipervínculos locales

<html>
<head>
<title>Hipervinculos Locales</title>
</head>
<body bgcolor="yellow" link="blue" vlink="orange" alink="red">
<a name="cabeza">
<h1><center>Hipervinculos Locales</center></h1><hr color="red" size=7>
<a href="#novatos">Novatos</a><br><br>
<a href="#regulares">Regulares</a><br><br>
<a href="#avanzados">Avanzados</a><br><br>
<a href="#veteranos">Veteranos</a><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="novatos"></a><br><br><br><br><br><br><br><br><br><br>
<a href="#cabeza">ARRIBA</a><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="regulares"></a><br><br><br><br><br><br><br><br><br><br>
<a href="#cabeza">ARRIBA</a><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="avanzados"></a><br><br><br><br><br><br><br><br><br><br>
<a href="#cabeza">ARRIBA</a><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="veteranos"></a><br><br><br><br><br><br><br><br><br><br>
<a href="#cabeza">ARRIBA</a>

No hay comentarios.:

Publicar un comentario