Lenguajes de Marcas - 1º DAW
PRÁCTICA 03. HTML Enlaces
Para resolver esta práctica puedes leer las siguientes secciones de w3schools:
• Enlaces
• Rutas a archivos
Ejercicio1.-
Realiza la siguiente página web, guarda el archivo con el nombre Practica3-enlaces.html para
que se muestre tal y como se ve en la siguiente imagen:
La página Practica3-enlaces.html debe enlazar con a otras dos páginas webs.
a) Crear el archivo "Practica3-enlaces.html" que debe tener este aspecto:
donde:
• Debe especificarse que es un documento de tipo html.
• Debe especificar en la etiqueta html que es una página escrita en español de España.
• Debe especificar en la cabecera que está escrita con el juego de caracteres UTF-8.
• El título de la página debe ser "Favoritos TuNombre"
• Al pinchar en el enlace "Buscadores" se debe acceder, en la misma pestaña del
navegador, al archivo de página web "buscadores.html", que elaboraremos más
adelante en este ejercicio
• Al pinchar en el enlace "Redes Sociales" se debe acceder, en una nueva pestaña del
navegador, al archivo de página web "redes-sociales.html", que elaboraremos más
adelante en este ejercicio
1
Lenguajes de Marcas - 1º DAW
b) Crear el archivo "buscadores.html" que debe tener este aspecto:
donde:
• Debe especificarse que es un documento de tipo html
• Debe especificar en la etiqueta html que es una página escrita en español de España.
• Debe especificar en la cabecera que está escrita con el juego de caracteres UTF-8.
• El título de la página debe ser "Buscadores TuNombre"
• Al pinchar sobre los enlaces "Bing", "DuckDuckGo" y "Google", hay que acceder
respectivamente a los siguientes sitios web en nuevas pestañas del navegador:
http://www.bing.com/, http://duckduckgo.com/ y http://www.google.com/,
respectivamente.
• Haciendo clic en el enlace "aquí", se tiene que volver a la página "Practica3-
enlaces.html", la cual debe abrirse en la misma pestaña del navegador.
2
Lenguajes de Marcas - 1º DAW
c) Crear el archivo "redes-sociales.html" que debe tener este aspecto:
donde:
• Debe especificarse que es un documento de tipo html.
• Debe especificar en la etiqueta html que es una página escrita en español de España.
• Debe especificar en la cabecera que está escrita con el juego de caracteres UTF-8.
• El título de la página debe ser "Redes Sociales TuNombre"
• Al pinchar sobre los enlaces "Facebook", "Instagram" y "Twitter", hay que acceder
respectivamente a los siguientes sitios web en nuevas pestañas del
navegador: http://www.facebook.com/, http://www.instagram.com/ y http://www.twitte
r.com/, respectivamente.
• Haciendo clic en el enlace "aquí", se tiene que volver a la página "Practica3-
enlaces.html", la cual debe abrirse en la misma pestaña del navegador.
3
Lenguajes de Marcas - 1º DAW
Ejercicio 2.-
Realiza la siguiente página web, guárdalo con el nombre Practica3-enlaces2.html.
Copia el texto del documento Practica 3 Enlaces.txt para reproducir dicho
documento en formato Web. Donde:
• En este ejercicio nos centraremos en definir el texto, los títulos y el índice.
• Desde el índice se debe poder saltar al apartado correspondiente.
• Los apartados etiquétalos como cabeceras de nivel 2 (etiqueta h2)
• Debajo de cada apartado debe aparecer un enlace que diga "Volver al índice" y que me
lleve al principio.
Además, tienes que tener en cuenta los siguientes requisitos de la página.
1) El título de la página debe ser Los tres pilares de la Web.
2) Los enlaces que aparecen en la página deben tener los siguientes destinos:
- Tim Berners-Lee http://es.wikipedia.org/wiki/Tim_Berners-Lee
- Web http://es.wikipedia.org/wiki/World_Wide_Web
- HTML enlace intradocumental al apartado de HTML
- HTTP enlace intradocumental al apartado de HTTP
- URL enlace intradocumental al apartado de URL
- Fuente: HTML http://es.wikipedia.org/wiki/HTML
- Fuente: HTTP http://es.wikipedia.org/wiki/Hypertext_Transfer_Protocol
- Fuente: URL http://es.wikipedia.org/wiki/Localizador_de_recursos_uniforme
Consejo: para comprobar que los enlaces intradocumentales funcionan correctamente, aumenta
el tamaño o zoom de la página con "Control +"
