Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Before adding any new content, you should make use of a section element to separate the cat photos content from the future content.

Take your h2, comment, p, and anchor (a) elements and nest them in a section element.
Your code so far

<html>
  <body>

<!-- User Editable Region -->

    <main>
      <h1>CatPhotoApp</h1>
<section> <h2>Cat Photos</h2><p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p> </section>
      
      <!-- TODO: Add link to cat photos -->
      
      <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>

    </main>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

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

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

Link to the challenge:

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

my step 16 says Before adding any new content, you should make use of a section element to separate the cat photos content from the future content.

Take your h2, comment, p, and anchor (a) elements and nest them in a section element. i need more explaination on this

4

I’m aware of what the instructions are but

5

i said i need more explanation on it…i dont understand the step please help me out

6

You understand nothing of that? That’s not good. You may be rushing way too fast through the steps.

Do you know what an HTML element is?

Do you know what an h2 element is?

Do you know what a p element is?

Do you know what an a element is?

Do you know what a section element is?

Do you know what ‘nest’ means?

I suspect you know at least some of those, so being more specific with what you don’t know help me better help you.

7

i understands those element
it is the steps i will follow i dont really get

8

Which steps? Please be specific.

You do know what h2, p, a, and section elements are?

Is it nesting that you don’t know?

This is an anchor element nested inside of a p element.

9

solve it if you can …

10

I can solve the Step, but that doesn’t help you. I won’t write the answer for you. Please tell me what words in the instructions you don’t understand.

11

everything explain everything…and will i cut d h2 and anchor or copy and will i put their opening tag and closing tags too

12

Ok. If you know absolutely nothing, you probably are moving too fast and need to go back to the beginning.

An HTML element is code that we write to control how a webpage is displayed.

image

An HTML element has an opening tag, enclosed content, and a closing tag.

The opening tag consists of the element name and any attributes. The closing tag has the element name.

If you know what an HTML tag is, then I’ll move on to explaining what h2 , p, a, and section tags mean. If you don’t understand what an HTML tag is, please let me know.

13

I would like you to create the section element after you cut and past this into it .

 <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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>
14

Zero cutting or pasting should be needed for this challenge. Only adding new opening and closing section tags.

15

explain HTML tags for me…

16

Looking at the picture I posted, the part that is labeled with “opening tag” is an opening HTML tag. It has the form

<elementname elementattributes>

as shown above.

Also looking at the picture I posted, the part that is labeled with “closing tag” is a closing HTML tag. It has the form

</elementname>

as shown above.

17

now i understand now

18

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