Learn HTML by Building a Cat Photo App - Step 5

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

Your code so far

<html>
  <body>

<!-- User Editable Region -->

  <main>h1 p</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 -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

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

Link to the challenge:

Please explain what you need help with :slight_smile:

Can you explain step 5 and 6 to me? I’m trying to add the main Tags but I’m not sure where to place it.

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

Using a search engine to search new tags and concepts can be helpful at the beginning.

Finding a website with tag/attribute references with example code will make learning much easier, even if you dont understand most of what the code is doing, it will help you become familiar with the structure.

There are some tags that give structure to a document. not just in HTML but other languages also.

In HTML the <main> tag is used to surround the ‘main’ content.
For example:

<html>
    <head>
        <link rel="stylesheet" href="example.css"/>
    </head>
    <body>
        <header>
            <h1>Heading Content</h1>
            <p>Information to introduce main content</p>
       </header>
       <main>
            <h2>Main Content</h2>
            <p>The meat of your website content will go inside main</p>
            <section>
                <p>If you have a large main, you can break it up into sections</p>
           </section>
       </main>
      <footer>
         <h2>Footer Content</h2>
        <p>Everything else tends to go here, such as address, contacts, terms</p>
     </footer>
    </body>
</html>

Dont worry if most of this doesn’t make sense to you right now. The important thing is that you see the way content is structured.
It can be very similar to a letter you might get in the post.

You dont need to use every tag to make a document.
As you go through the steps you will learn to recognise where a tag is or is not needed.

To learn more you could search:
<main> HTML tag”
“How do search engines use the <main> element in HTML”

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