• Theory
  • Theory

Links and images, Mastery Challenge 7

Use what you’ve learned in the chapter about links and images to add links to the page.

Based on the link text, figure out what the link’s address should be. Here are some possible addresses: #section, resources/guide.pdf, https://example.com, /local-page.html.

Some links should include the download attribute.

This is an additional challenge for reinforcing your skills with links.

Solution

The solution to the challenge will be available in a few minutes. Use it if you encounter difficulties. In the meantime, try to complete the challenge on your own.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Links</title>
    <link rel="stylesheet" href="links-challenge-setting.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <p class="link-card"><a href="https://example.com">Visit Example</a></p>
    <p class="link-card"><a href="resources/guide.pdf" download>Download guide</a></p>
  </body>
</html>
  • index.html
HTML
HTML

You’ve gone to a different page

Click inside the mini-browser to shift the focus onto this window.

100%
Granny Muffin

Easy there, pal!

To access the Links and images challenges in the HTML and CSS basics, you need to sign up and subscribe first.