Learn HTML by Building a Cat Photo App - Step 8

Tell us what’s happening:
Describe your issue in detail here.

  **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>
  <img>src=''https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">.

  </main>
</body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

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

Link to the challenge:

Hey! welcome to the freeCodeCamp’s community forums.

Its always nice to add a description of the problem you’re trying to solve to the post.

The problem with your code seems to be on this line.

attributes in HTML are a way for programmers to pass in any additional information to any HTML element. Let’s try to understand this with an example.

If we want to add a link to our website and whenever a user clicks on that link, it will take them to google’s website. The link for that is https://google.com
Now to add links in our HTML, we can use the a tag like this.

<a>go to google</a>

the text inside of the a tag the text that will show up instead of the link. so this should work right? but it doesn’t. because we haven’t exactly “told” the tag where to take the user when it is clicked. that’s where attributes come in. their syntax is:

 attribute-name     value
      |               |  
 <a href="https://google.com"> Go to google </a>

Now it works. The same applies here, even though have an image element inside your HTML, the browser still doesn’t know which image to show here because you used the wrong syntax for an attribute.

Use this as a guide and try again! Hope his helps! :smile:

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