UU eR uy n © Capitulo 3: Los enlaces " A. Lainsercién de unenlace.. 2.2... 0.0.28 72 B. Enlace hacia otra pagina... 6... ee 72 1. Enlace hacia una pagina en la misma carpeta. 2... 73 2. Enlace hacia una pagina situada en otra carpetta 6... 73 a. Enlace a partir de index.htm hacia paginal.htm . 2. 74 . b. Enlace a partir de ‘L.htm hacia pagina2.htm. .. . 74 ¢. Enlace a partir de pagina2.htm hacia index.htm... 2. 75 & |. €. Enlace hacia el interior de la pagina... 2. 2... 75 lor : 1, Los marcadores .. 5 310 2. Enlaces hacia un marcador situado en la misma pagina... . . 76 a 3. Enlaces hacia un marcador situado en otra pagina... . 76 . D, Enlace hacia otro sitio. © 6. ee 76 E. Enlace hacia una direccién electrénica. .. ........ 77 g F. Enlace para descargar un archivo... 2... 2.2.20 78 Be: me G. Enlace hacia una ventana especifica. . . . . rrr 1) YH. Ayuda emergente en un enlace... 2... tee eee BL le ell ‘ ua aligantesca red que representa la Web. ta insercién de un enlace ta etiqueta de enlaces es sencilla, Su sintaxis es la siguiente: Texto del enlace 1 atributo href="destino del enlace" permite apuntar el entace hacia: = un lugar de la pagina activa, ~ otra pagina del sitio web, ~ una pagina de otro sitio en la Web, + una direccién electronica, - un archivo para descargar, La stiqueta . asociada a una imagen, permit establecer igualmente un enlace a partir de ésta (cf. capitulo Las Imagenes - Enlace en una imagen). La etiqueta de entace posee algunos atributos cuyo uso no es frecuente: ~ ai atributo charset que contiene el cédigo del juego de caracteres si la pégina destino esté escrita en un alfabeto diferente del de la pagina de salida del enlace. ~ Gi atributo type que indica al exptorador el tipo MIME: del destino si éste no es un documento XHTML, por ejemplo para un archivo de sonido o un archivo de imagen. ~ Gi atributo hreflang que indica et idioma del documento destino si éste es diferente del documento de salida. © Los atributos HTML tink, viink, alink de fa etiqueta que permitian precisar respectivaments el color de los enlaces no visitados, visitados y activos ya no existen ‘en XHTML estricto. Fl mismo efecto podra obtenerse gracias a una hoja de estilo CSS y, més concrete: ante, mediante las pseudoclases de enlace a:link, awvisited y avactive fc, capitulo Las Pseudaclases - Pseudoclases de enlace), Enlace hacia otra pagina Los primeros enlaces en el aprendizale de fa publicacién web consisten en apuntar hacia otra pagina situada en el sitlo (referencia relativa). Para la cteacién de un sitio, es muy recomendable reagrupar todos los archivos relatives al sitio en una tinica carpeta, Si lo desea, puede crear subcarpetas en esta carpeta. a XHTML y CSS TE misma de las paginas web y han contribuide amplia.: Mee fate La nqueza de fa Tuncion Ge Ripert ta tea de XHTML) Gees q Ete el © Editions ENI- All rights reservedtights reserved 0S enlaces 1, Enlace hacia una pagina en fa misma carpeta La referencia relativa (para paginas situadas en una misma carpeta general) no deja de plantear problemas en el caso de una arborescencia compleja. Empecemos nuestro estudio con el caso mas sencillo. Este es: des archivos (pagina htm y pagina2.htm) situados en la misma carpeta. agra nem pagna2.him Efectuemos en la pagina 1, un enlace hacia la pagina 2. El cédigo del enlace en la pdgina 1 seria: ca href="pagina2.htm">Enlace hacia pagina 2 © Es obligatorio respetar escrupulosamente las mayisculas y minisculas en el nombre del archivo asi como evitar los espacios, ya que lo que puede reconocer Windows en su ordenador, puede no reconocerio el servidor que aloja su sitio si éste es Unix, 2. Enlace hacia una pagina situada en otra carpeta En tos sitios de una clerta importancia, no podemos contentarnos con poner todos los archivos en una sola carpeta. Para estructurar el sitio, es frecuente tener en una misma carpeta principal varias subcarpetas. La creacién de la rita de acceso al archivo puede hacerse algo desconcertante, mas sabiendo que el métode de referencia se inspira en e! adoptado por Unix, poco familiar a os disefiadores acostumbrados a Windows. Es la siguiente situacion. La carpeta de salida incluye en su raiz un archivo index.htm, una subcarpeta carpetal con el archivo paginal.htm y otra subcarpeta carpeta2 con el archivo Pagina2.htm, Este Arbol de directorios nos permitira abordar diferentes casos practicos, Chiesa | Cessaarren ff E) sanaz nm Targets caper Los nuevos estandares dal cédigo fuente a eniveii Ait,