Learn HTML by Building a Cat Photo App - Step 10

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Unable to get past step 10. I’m not sure what I’ve done wrong.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.</p>
  <a href= <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 10

Link to the challenge:

2

I’m not sure if you need help understanding links or not, but just in case, I’ve gone ahead and explained them below.

In your attempt you have begun (and ended) an anchor tag correctly but there is some stuff in between that needs to be fixed.

Recall that a link is something you can click on. When you click a link it usually takes you somewhere online. So every link by definition is kind of like a pointer to a website (a link between two websites).

But how does the browser know which page to go to when you click a link?
For eg. if you click the words below “Click Me!” does it take you to a place called “click me” or does it take you somewhere else entirely. Is it random?

Click Me!

The anchor tag you have started to use is going to provide the location on the internet which the browser is supposed to go to. It does it by using a keyword “href” (meaning hyperlink reference). This keyword is referred to as an HTML attribute.
This specific attribute must always be specified with an anchor tag then in order to tell the browser where to direct you if you click on a link.

The syntax for the anchor tag should be:
<a href="a link">Click Me!</a>

Notice where it says “a link” in double quotes? Your new line of code is missing the actual link (URL) that will tell the browser where to go. You are also missing the angled bracket > that is on the right of it.

If you make these two corrections and provide the correct URL (from the exercise instructions) you should be able to pass this exercise.

Hope this didn’t bore you with too much explaining.

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.