Learn HTML by Building a Cat Photo App - Step 9

HTML-CSS
1 
  **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">
    <img src= "cat.jpg"  alt="A cute orange cat lying on its back">
  </main>
</body>
</html>
```[quote="HannahShea31, post:1, topic:534420, full:true"]
What am I missing? I can't figure out this line of code. Help please!


      **Your code so far**
      
```html
<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" alt="A cute orange cat laying 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/15.4 Safari/605.1.15

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

Link to the challenge:

[/quote]

what i’m i missing

  **Your browser information:**

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

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

Link to the challenge:

2

hi there,

did you have a question for us?

3

Hi @felixjonathan691

You don’t need to add another img element.

No additional element needs to be added.

You just need to add an attribute.

Check your code at this line

<img src= "cat.jpg"  alt="A cute orange cat lying on its back">

there should be no space in between the attribute name and the equal sign and the value.

class= "cat_photo"
class ="cat_photo"
class = "cat_photo"

These are wrong syntax to write attribute

This is the correct syntax

class="cat_photo"

Notice that there is no space before and after the equal sign =

Hope that helps

2 Likes
4

A cute orange cat lying on its back

is this correct

5

**Tell us what’s happening:**having issues with step 9
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">
    <img src="cat_photo" alt="A cute orange cat lying on its back">
  </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/103.0.5060.114 Safari/537.36 Edg/103.0.1264.62

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

Link to the challenge:

6

Hi @felixjonathan691

Please restart the step. You only need to add an attribute.

Don’t add an extra element.

You should only have one img element.

Try again :grin:

1 Like
7

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