Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

please i need help with this stage because i ca barely understand what i have done wrong

  **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 <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"</a> <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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

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

Link to the challenge:

2

When you write a tag, you always need to include both the < and the >, your anchor opening tag is missing the >

after that, the img element will have to go between the opening anchor tag and the closing anchor tag

3

Thanks but sincerely i still do not understand, could you please help by illustrating with an example?

4

An opening element tag has this structure:

  • first the opening bracket <
  • then the tag name, for example div
  • then eventual attributes, for example class
  • then the closing bracket >

In total: <div class="...">

The closing tag is made of

  • first the opening bracket <
  • then a slash, /
  • then the tag name, for example div
  • then the closing bracket >

in total </div>

If you want to write an element inside an other element, the opening tag of the outer element will come before the inner element, and the closing tag of the outer element will come after the inner element. So if you want to write an input element inside a div element, that would look like this:

<div class="..."><input></div>
5

oh, wow!!! thanks you are the best, I got it now.

6

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