Ejercicio html sobre url relativas y url absolutas

Ejercicio html sobre url relativas y url absolutas

0
(0)

En este ejercicio vamos a practicar el concepto de url relativas de html.

Las url relativas son muy útiles porqué nos permiten:

  • No depender del nombre de dominio de una página web.
  • No depender de la ubicación física de nuestro proyecto web dentro de un ordenador.
  • Escribir menos y ganar en claridad de lectura y comprensión del documento web.
  • En ocasiones no hay más remedio que hacerlo mediante url relativas. (Por ejemplo cuando trabajas en local sin XAMPP activado o parecidos)

En esta entrada te explico toda la teoría.

Vamos a repasarlo mediante un ejercicio.

Enunciado

A continuación se te presenta un directorio de carpetas y documentos html según la imagen.

Consta de:

  • Una carpeta server de la que cuelgan las carpetas fitxers, prova, subdir y en la que hay un documento de nombre arrel.html
  • Dentro de la carpeta fitxers hay el documento carta.html 
  • Dentro de la carpeta prova hay el documento prova.html
  • La carpeta subdir contiene una carpeta de nombre direct y 3 archivos html de nombres docu.html, llista.html, index.html
  • La carpeta direct contiene un documento web de nombre textual.html
Carpetas y archivos html de un proyecto web
Carpetas y archivos html de un proyecto web

Atendiendo al proyecto con las carpetas y archivos html presentados se quiere rellenar un cuadro dónde se indique el contenido del atributo target de cualquier enlace que se escriba para enviar al visitante web de un punto de origen (documento que se esté redactando) a un destino.

Se indica cada caso en la tabla adjunta.

Enunciado ejercicio html sobre url relativas
Enunciado ejercicio html sobre url relativas y absolutas

Solución del ejercicio

Debemos recordar que:

  • ../ sirve para subir un nivel
  • nombreCarpeta/ sirve para entrar dentro de una carpeta.

En ocasiones veréis la expresión ./ pero en esta solución no se usa. ./ es equivalente a decir que nos quedamos en el directorio dónde nos encontramos.

A continuación se presenta la tabla rellenada.

Ejercicio html sobre url relativas y url absolutas 1

¡Hola!

Querido lector,

Deseo que no te hayas contentado con solucionar el ejercicio mentalmente y que te hayas armado de lápiz y papel.

Ahora, el siguiente ejercicio sería crear un proyecto web con 7 documentos desde los que se pudiera acceder a todos los archivos desde cualquier documento del proyecto. ¿Te animas?

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media 0 / 5. Votos: 0

Todavía no hay votos. Sé el primero en valorar la entrada.

Si te ha gustado este contenido...

¡Sígueme en las redes!

Vaya, parece que hay puntos a corregir

¿Me ayudas a mejorar?

¿Dónde he fallado?

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

2 Comments
  • Nicolas Rojo
    Posted at 23:17h, 30 abril Responder

    Muy buena clase, a poner en practica ahora todos tus tutoriales.

Post A Comment