Working With File Paths
Complete the exercises based on the following structure, which shows directories and files.
- my_project
- images
- cat.jpg
- fullsize
- cat.jpg
- thumbnail
- cat.jpg
- screens
- index.html
- movies
- index.html
- music
- index.html
- images
Example
I am currently working on file my_project/screens/index.html
. I am coding an image element that should load in my_project/images/cat.jpg
. Use a relative path to complete the HTML code to load the correct image.
<img src="
" alt="a cat">
Exercise 1
I'm currently working on file my_project/screens/music/index.html
. I'm coding a link to move the user to my_project/screens/index.html
. Use a relative path to complete the HTML code for the link.
<a href="
">my link</a>
Exercise 2
I'm currently working on file my_project/screens/movies/index.html
. I'm coding a link to move the user to my_project/screens/music/index.html
. Use a relative path to complete the HTML code for the link.
<a href="
">my link</a>
Exercise 3
I'm currently working on file my_project/screens/index.html
. I'm coding a link to move the user to my_project/screens/movies/index.html
. Use a relative path to complete the HTML code for the link.
<a href="
">my link</a>
Exercise 4
I'm currently working on file my_project/screens/music/index.html
. I am coding an image element that should load in my_project/images/fullsize/cat.jpg
. Use a relative path to complete the HTML code to load the correct image.
<img src="
" alt="a cat">
Exercise 5
I'm currently working on file my_project/screens/index.html
. I'm coding a link to move the user to Drexel University homepage. Use an absolute path to complete the HTML code for the link.
<a href="
">my link</a>