Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
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 <a href='https://freecatphotoapp.com'</a></p>
    cat photos</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 12

Link to the challenge:

2

Check the syntax in this line:

<p>Click here to view more <a href='https://freecatphotoapp.com'</a></p>
    cat photos</a>

The a link should be inside the p element. Make sure your opening and closing tags are correct.

3

Hey thank you so much for the help finally I was able to crack the code after a few retakes. btw incase you might know i had another question that is in suppose section on of the website we use elemnts h1 and h2 and then in second section of website code we start again from h2 elements to write texts , but why cant we directly use h3 in the second section.

4

So with regards to HTML elements like section and the h1-h6 header elements, it might be better to try to visualize the content in terms of a document outline, or something like a Table of Contents. For example, look at the example outline under the “Nesting” header on the MDN website:

You can see some more outline examples from the HTML Living Standard documentation:
https://html.spec.whatwg.org/multipage/sections.html#sample-outlines

5

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