Where should I put this </main>?

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<html>
<body>
  <h1><main>CatPhotoApp</h1>
  <h2>Cat Photos</h2>
  <!-- TODO: Add link to cat photos -->
  <p>Click here to view more cat photos.</p> 
                                        </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: Step 5

Link to the challenge:

2

<main> opening tag after the h1 element

your h1 element:

<h1>CatPhotoApp</h1>

this is h1 element’s opening tag:

<h1>

this is h1 element’s closing tag:

</h1>

this is content inside h1 element:

CatPhotoApp
3

I really appreciate your reply, but I did’nt get it.

4

You marked my post as a solution, but you are saying that you didn’t get it.
I need to clarify:
you still need help with this step?

5

Sorry, I’m newbie here
Yes, please

6

No need for apologies, it’s all good.

This is what we call h1 element:

<h1>CatPhotoApp</h1>

You need to put your opening main tag:

<main>

AFTER h1 element, NOT INSIDE h1 element

When I am saying ‘inside h1 element’ I mean “all stuff that’s between
<h1> and </h1>”

7

My problem is the closing main tag, it said I put them in wrong order

8

Your main element’s closing tag should be below p. You have them in wrong order

9

In your code there is no issue with closing main tag.

Tests failed because of opening main tag.
Error messages sometimes can be not that clear.

10

Thank you, I get it now.
It’s very simple but, I did’nt get it. OMG

11

If you are new to this it’s never that easy.

12

my humble suggestion;

Every(most) html structure can be put three parts;

  1. the header(which usually contains the heading of the web page)
    2.the main (which usually contains the actual information you are trying to provide on the web page )
  2. the footer(which usually contains the conclusion or closing remarks of the web page)

Thus in your case;
after your “h1” and “h2” elements, move to the next line and open the “main” element. Then you expand the main element you have open and nest the “p” element inside of it. That makes it easier to get your structure right.

eg:

I hope this helps…

13

That’s a good one, but be aware:

this curriculum consists of many small steps
it gives knowledge in little portions
it’s easier for people with no coding background that way
things that you described covered in later parts of curriculum

14

i totally agree, that’s very true… well noted

15

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