Ejercicio html sobre url relativas y url absolutas

Ejercicio html sobre url relativas y url absolutas

Print Friendly, PDF & Email
Ejercicio html sobre url relativas y url absolutas
Valora esta entrada
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.

¡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!

Entradas relacionadas:

Libro digital navegable
- 45
Ejercicio html en el que se practican los conceptos de listas anidadas ul, ol , li , anclas, enlaces, link y url relativas. Incluye solución. ¡Tu primer libro digital con html!
Listas HTML. Etiquetas ol, ul, li, dl, dt, dd.
- 828
Una lista html es una relación de datos agrupados y que tienen una temática en común. Las listas pueden ser ordenadas, no ordenadas y de definiciones. Veamos en este escrito como es su sintaxis, que a...
Imágenes en html: la etiqueta img
- 498
Hoy en día se nos hace difícil imaginar aquellas primeras páginas web sin imágenes. La etiqueta de html se propuso por primera vez en 1993 por Marc Andreessen. En esta entrada presentamos la etiqueta...
Qué es un favicon y para que sirve
- 177
¿Eres de los que se fija en todos los detalles de una página web cuando navega? Entonces el favicon es para ti. En esta entrada te explico que es y para que sirve.
Espacios en blanco HTML. Practicando con caracteres especiales.
- 13
Ejercicio html de nivel básico para practicar con el espacio en blanco de HTML. Incluye solución.
Etiquetas básicas introductoras al html5
- 915
Existen 2 formas de aprender el html. Uno es ir desde las etiquetas más antiguas y obsoletas hacia las más modernas del html5 o viceversa. Yo soy partidario de aprender html5 directamente y hacer borr...
Respuesta a dudas típicas cuando aprendemos html por primera vez
- 54
Cuando aprendes HTML por primera vez se presentan dudas lógicas fruto de nuestra inseguridad. Desafortunadamente en la red, en muchas ocasiones no encontramos las respuestas que necesitamos. En esta ...
Códigos HTML | Carácteres especiales (escapados)
- 88
¿Por qué se escapan los caracteres en html? ¿Que utilidad tiene complicarse con símbolos estraños? ¿Como los usamos? Apuntes de alumno HTML.
Resumen de como comentar código en html, css y javascript
- 584
En las fases iniciales de aprender html, css y javascript nos vemos abrumados por tanta información. Con la entrada de hoy hacemos un resumen sobre como comentar código en los principales lenguajes de...
Factores que afectan al tiempo de carga de una página web
- 355
Resumimos los principales factores que deberemos tener en cuenta desde el punto de vista de alguien que ha estudiado un curso de confección y publicación de páginas web para la optimización y mejora d...
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.