Learn HTML by Building a Cat Photo App - Step 11

HTML-CSS
1

Tell us what’s happening:

I genuinely am so lost at this stage 11 like I am copying the exmaple code and I dsont understand so whats the answe

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Everyone loves cute cats online!</p>

<!-- User Editable Region -->

          <a href="https://freecatphotoapp.com"><cat photos/>
        

<!-- User Editable Region -->

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.6 Safari/605.1.15

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 11

2

this is not part of the example code

1 Like
3

Hey Buddy See Here how we’ve used closed p tag,

And see how the text is in between the p tag

Same like that you need to use anchor tag

Hope You Understand !!

4

This is correct. To add to it, when you use elements <opening tag>Example words that go on screen</closing tag>, the opening tag gives the browser information about what those words are supposed to do. For example, you’re already learned about <p></p> and <h1></h1>. You see how when you use <p> that it’s just a simple paragraph, but when you use <h1></h1> the words are much bigger? It’s because that opening tag tells the browser what to do with those words. And then the closing tag </p> or </h1> tells the browser that you done using that effect on the words.

So when you used the a tag, you told the browser that you’re making an anchor, but you never told it you were finished making the anchor. And <cat photos/> isn’t a tag at all. The browser doesn’t know what to do with that.