Learn HTML by Building a Cat Photo App - Step 5

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
HTML5 has some elements that identify different content areas. These elements make your HTML easier to read and help with Search Engine Optimization (SEO) and accessibility.

Identify the main section of this page by adding a <main> opening tag before the h1 element, and a </main> closing tag after the p element.

Your code so far

<elementName><main><h1></main><p>

<html>
  <body>

<!-- User Editable Region -->

  <elementName><main><h1></main><p>
    <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 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 5

2

You appear to have created this post without editing the template. Please edit your post to 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

Welcome to the forum @as9378899

By putting a main opening tag above your h1 element and a main closing tag below your p element, you are nesting all of these other elements (which represent the main content of your webpage) inside your main element.

Please reset the step to restore the original code, then nest the h1, h2, and p elements inside a main element.

Happy coding

4

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