Learn HTML by Building a Cat Photo App - Step 8

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here. I don’t understand how to add img and src together and then type in the words needed.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more cat photos in our gallery.</p>

<!-- User Editable Region -->

     <img>   
     <imgsrc> ="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg

<!-- User Editable Region -->

    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36

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

Link to the challenge:

2

The instruction: " Inside the existing img element, add an src attribute with its URL…"

You have added the URL outside the ‘img’ tag. It should be found inside of it. Also, the ‘img’ word has to be separated from the ‘src’ attribute by a blank space:

<img attribute="value">

‘src’ is the attribute
‘URL’ address given in the challenge is its value.

3

To add image in your code you must do like this:

Regard

4

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