El elemento más importante que tiene una página de internet es el
hipervínculo, estos nos permiten cargar otra página en el navegador.
Esto es lo que hace diferente la página de un libro con la página de un
sitio en internet. Normalmente un libro lo recorremos en forma
secuencial, pero un sitio de internet podemos disponer estos enlaces
entre un conjunto de páginas y luego tener distintas alternativas de
recorrido.
Normalmente un navegador al encontrar esta marca muestra un texto subrayado, y al hacer clic con el mouse sobre éste el navegador carga la página indicada por dicho hipervínculo.
Primero veremos cual es la sintaxis para disponer un hipervínculo a una página que se encuentra en el mismo sitio (es decir otra página que hemos desarrollado nosotros).
La marca de hipervínculo a otra página del mismo sitio tiene la siguiente sintaxis:
Lo nuevo que aparece en este elemento es el concepto de una propiedad. Una propiedad se incorpora en el comienzo de una marca y tiene un nombre y un valor.
El valor de la propiedad debe ir entre comillas dobles.
La propiedad href del elemento "a" hace referencia a la página que debe mostrar el navegador si el visitante hace clic sobre el hipervínculo.
Implementemos dos páginas que contengan hipervínculos entre si, los nombres de las páginas HTML serán: pagina1.html y pagina2.html
pagina1.html
El valor de la propiedad href en este caso es pagina2.html (es otro archivo HTML que debe encontrarse en nuestro sitio y en el mismo directorio).
El segundo archivo pagina2.html tiene un hipervínculo a la primer página:
<a href="http://www.google.com">Buscador Google</a>
Ahora la propiedad href la inicializamos con el nombre del dominio del otro sitio.
Algo importante que hay que anteceder al nombre del dominio es el tipo de protocolo a utilizar. Cuando se trata de una página de internet, el protocolo es el http.
Resumiendo a la propiedad href la inicializamos con el nombre del protocolo (http) seguida de dos puntos (:) y dos barras (//) luego la cadena (www.) y finalmente el nombre de dominio del sitio a enlazar.
La siguiente página muestra un hipervínculo al sitio principal del buscador Google:
<html> <head> </head> <body> <a href="http://www.google.com">Buscador Google</a> </body> </html>
Ejercicio 5:
Confeccionar una página que contenga un hipervínculo a otro sitio. Disponer además un segundo hipervínculo a otro archivo html creado por ti. Debes enviar los dos archivos a la casilla profemagnone@gmail.com.
Normalmente un navegador al encontrar esta marca muestra un texto subrayado, y al hacer clic con el mouse sobre éste el navegador carga la página indicada por dicho hipervínculo.
Primero veremos cual es la sintaxis para disponer un hipervínculo a una página que se encuentra en el mismo sitio (es decir otra página que hemos desarrollado nosotros).
La marca de hipervínculo a otra página del mismo sitio tiene la siguiente sintaxis:
<a href="pagina2.html">Noticias</a>
Como vemos, se trata de otro elemento HTML que tiene comienzo de marca y fin de marca. Lo que se encuentra entre el comienzo de marca y el fin de la marca es el texto que aparece en la página (normalmente subrayado).
Lo nuevo que aparece en este elemento es el concepto de una propiedad. Una propiedad se incorpora en el comienzo de una marca y tiene un nombre y un valor.
El valor de la propiedad debe ir entre comillas dobles.
La propiedad href del elemento "a" hace referencia a la página que debe mostrar el navegador si el visitante hace clic sobre el hipervínculo.
Implementemos dos páginas que contengan hipervínculos entre si, los nombres de las páginas HTML serán: pagina1.html y pagina2.html
pagina1.html
<html> <head> </head> <body> <h1>Página principal.</h1> <a href="pagina2.html">Noticias</a> </body> </html>pagina2.html
<html> <head> </head> <body> <h1>Noticias.</h1> <a href="pagina1.html">Salir.</a> </body> </html>Como podemos observar lo nuevo en la pagina1.html es el hipervínculo a la pagina2.html:
<a href="pagina2.html">Noticias</a>Toda propiedad toma el valor que se encuentra seguidamente del caracter =
El valor de la propiedad href en este caso es pagina2.html (es otro archivo HTML que debe encontrarse en nuestro sitio y en el mismo directorio).
El segundo archivo pagina2.html tiene un hipervínculo a la primer página:
<a href="pagina1.html">Salir.</a>Para recordar el nombre de esta marca HTML:
<a> viene de anchor que significa ancla.
La sintaxis para disponer un hipervínculo a otro sitio de internet es:
<a href="http://www.google.com">Buscador Google</a>
Ahora la propiedad href la inicializamos con el nombre del dominio del otro sitio.
Algo importante que hay que anteceder al nombre del dominio es el tipo de protocolo a utilizar. Cuando se trata de una página de internet, el protocolo es el http.
Resumiendo a la propiedad href la inicializamos con el nombre del protocolo (http) seguida de dos puntos (:) y dos barras (//) luego la cadena (www.) y finalmente el nombre de dominio del sitio a enlazar.
La siguiente página muestra un hipervínculo al sitio principal del buscador Google:
<html> <head> </head> <body> <a href="http://www.google.com">Buscador Google</a> </body> </html>
Ejercicio 5:
Confeccionar una página que contenga un hipervínculo a otro sitio. Disponer además un segundo hipervínculo a otro archivo html creado por ti. Debes enviar los dos archivos a la casilla profemagnone@gmail.com.
No hay comentarios.:
Publicar un comentario