Intermediate
Links for a blog post
This page lives at blog/post.html. In the <nav>, add these links, each with descriptive text:
1. A link to the home page, index.html, which is one folder up.
2. A link that jumps to the comments section on this page. Add an <h2>Comments</h2> with id="comments" at the bottom for it to jump to.
3. An email link to hello@example.com.
4. A link to https://developer.mozilla.org/ that opens in a new tab safely.
5. A link that downloads notes.pdf from the files folder, which sits next to the blog folder.
What Check tests
- A link goes one folder up to
index.html - A link jumps to an element with id
commentsthat exists - There is an email link to hello@example.com
- The MDN link opens a new tab with
rel="noopener" - A download link points to
../files/notes.pdf - Every link has descriptive text (no "click here")
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
Console
Nothing logged yet.