Learn HTML by Building a Cat Photo App - Step 28

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I do not understand what is the error because I’m doing it the same way i’ve done before with the SRC attribute, please help, I’m stuck!

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
      <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
    </section>
    <section>
      <h2>Cat Lists</h2>
      <h3>Things cats love:</h3>
      <ul>
        <li>cat nip</li>
        <li>laser pointers</li>
        <li>lasagna</li>
      </ul>
      <figure>
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
        <figcaption>Cats <em>love</em> lasagna.</figcaption>  
      </figure>
      <h3>Top 3 things cats hate:</h3>
      <ol>
        <li>flea treatment</li>
        <li>thunder</li>
        <li>other cats</li>
      </ol>
      <figure><img src=
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg"
</figure> 
    </section>
  </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/104.0.0.0 Safari/537.36

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

Link to the challenge:

2

What is this above the figure?

Also, every tag begins with a < and ends with a >. Does the img tag inside the figure have both?

3

I have to nest inside the FIGURE element an IMG element with a SRC aatribute with the link, so what i did was:

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg"

But the Hint says:

The third image should have an src attribute set to https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg.

So I don’t really get what I missed

4

This is invalid HTML.

So is this.

5

Then how should it be? 'cause that link (freecode…), worked, so as it was correct I could continue with the rest till now :confused:

6

I don’t understand your last comment. My last comment was showing you where you have invalid HTML. Once you fix those two issues you should pass this step.

Do you understand why the following is not valid?

<figure><img src=
<figure>

Also, your img tag is not complete. You are missing something at the very end. What does every tag end with?

7

I understand the second FIGURE element should have a / as a closing tag; also they should nest the IMG; and that after the SRC should be the link, and I know it must end with >
am I wrong ?

8

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