Enlaces HTML – Url
El commando Anchor (Enlaces) se usa en HTML para crear enlaces. El Comando Anchor incluye
un atributo HREF, donde usted coloca el url para el enlace. El Comando Anchor necesita
un comando de apertura <a>
y un comando de cierre </a>
Ejemplo:
<html>
<head>
<title>Elemento Anchor HTLM</title>
</head>
<body>
<a
href="http://www.speakcomputers.com">Enlace con Speakcomputers.com</a>
</body>
</html>
En el ejemplo anterior, lo que es renderizado en el navegador de Internet es “Enlace
con Speakcomputers.com”. Cuando el usuario haga clic en el texto renderizado, el
navegador abrirá la página web que está referenciada dentro del atributo HREF del
elemento Anchor.
En el ejemplo de arriba colocamos el texto dentro del contenido del elemento. Usted
también puede colocar objetos de imágenes en el contenido del elemento Anchor.
Ejemplo:
<html>
<head>
<title>Elemento Anchor HTLM
con imagen</title>
</head>
<body>
<a
href="http://www.speakcomputers.com"><img
src="images/stuck.gif"></a>
</body>
</html>
Hay otros atributos asignados al comando Anchor. El atributo más popular es el atributo
“Target”. El atributo Target es una instrucción para el navegador de Internet en
lo que se refiere a dónde abrir el url de destino. Sus opciones son como sigue:
• _blank = Carga la página enlazad en una nueva ventana.
• _parent = Carga la página enlazada en el padre de donde está el enlace.
• _self = Carga la página enlazada en la ventana donde está el enlace.
• _top = Carga la página enlazada en la ventana más superior.
Ejemplo:
<html>
<head>
<title>Elemento Anchor HTLM
con destino</title>
</head>
<body>
<a
href=http://www.speakcomputers.com target="_blank">Enlace con Speakcomputers.com en una nueva ventana</a>
</body>
</html>
Practique cómo crear diferentes tipos de enlaces abajo. Pruebe abajo cualquiera
de los enlaces de arriba usando diferentes atributos target y vea el resultado.
|