Professional Documents
Culture Documents
El otro atributo bsico de la etiqueta <a> es name, que permite definir enlaces
dentro de una misma pgina web. Si una pgina es muy larga, puede ser til
mostrar enlaces de tipo "Saltar hasta la segunda seccin", "Volver al principio de
la pgina", etc.
...
<a name="segunda_seccion"></a>
...
El atributo name permite crear "enlaces vacos" que hacen referencia a
secciones dentro de una misma pgina. Una vez definidos los "enlaces
vacos", es posible crear un enlace que apunte directamente a una seccin
concreta de una pgina:
<!-- Enlace normal a la pgina -->
<a href="http://www.ejemplo.com/pagina1.html#segunda_seccion">Enlace a
la seccin 2 de la pgina 1</a>
La sintaxis que se utiliza con estos enlaces es la misma que con los enlaces
normales, salvo que se aade el smbolo # seguido del nombre de la seccin
a la que se apunta. Cuando el usuario pincha sobre uno de estos enlaces, el
navegador accede a la pgina apuntada por la URL y baja directamente a la
seccin cuyo nombre se indica despus del smbolo #.
Tambin es posible utilizar este tipo de enlaces con URL relativas en una
misma pgina. El siguiente ejemplo aade enlaces de tipo "Volver al inicio de
la pgina" en varias secciones:
<a name="inicio"></a>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris id
ligula eu felis adipiscing ultrices. Duis gravida leo ut lectus. Praes
ent condimentum mattis ligula.</p>
...
...
Los enlaces directos a secciones tambin funcionan con el atributo id de
cualquier elemento. El siguiente ejemplo es equivalente al ejemplo anterior:
<h1 id="inicio">Ttulo de la pgina</h1>
...
...
El nombre de la seccin que se indica despus del smbolo # puede utilizar el
valor de los atributos idde cualquier elemento. De hecho, se recomienda
utilizar los atributos id de los elementos ya existentes en la pgina en vez de
crear "enlaces vacos" de tipo <a name="nombre_seccion"></a>.
Ejercicio 6
A partir de la estructura de directorios y archivos indicada en la siguiente
imagen:
Ver solucin