Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Basics Getting Started with HTML Headings and Paragraphs Challenge

HyeJin Sung
HyeJin Sung
470 Points

I coded <h2></h2> but it keeps saying Be sure to set a level 2 heading element

I coded <h2></h2> but it keeps saying Be sure to set a level 2 heading element

index.html
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>Headings and Paragraphs</title>
  </head>
  <body>

    <h1></h1>
    <p>This is the Main Headline!  </p>
    <p>Oat cake chocolate bar jelly. Tootsie roll cheesecake sweet gummies candy cookie pudding cotton candy carrot cake. Souffl&eacute; caramels brownie oat cake cheesecake.</p>

    <h2>Level 2 Heading</h2>    
    <p>Ice cream candy canes muffin icing pudding muffin jelly topping carrot cake. I love gingerbread dessert jujubes bonbon cupcake tootsie roll I love. Oat cake topping caramels I love cupcake oat cake chocolate topping donut.</p>

    Level 3 Heading
    Cotton candy topping halvah sugar plum gummies souffl&eacute;. Ice cream danish donut sugar plum. Macaroon carrot cake gummies. Caramels oat cake chocolate cake.
  </body>
</html>

3 Answers

Adam Beer
Adam Beer
11,314 Points

Correct your first <h1>. I think it will be good now.

<h1>This is the Main Headline!</h1>
Tomáš Komprs
Tomáš Komprs
14,057 Points

I also think it should help.

Adam Beer
Adam Beer
11,314 Points

If you look your code you see it just written wrong in the beginning. Hope this help.

Challenge Task 1 of 3

Set the main headline to a heading level 1 element. Then, place the line of text below the main headline inside opening and closing paragraph tags.

<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>Headings and Paragraphs</title>
  </head>
  <body>
    <h1>This is the Main Headline!</h1>
    <p>Oat cake chocolate bar jelly. Tootsie roll cheesecake sweet gummies candy cookie pudding cotton candy carrot cake. Souffl&eacute; caramels brownie oat cake cheesecake.</p>

    Level 2 Heading 
    Ice cream candy canes muffin icing pudding muffin jelly topping carrot cake. I love gingerbread dessert jujubes bonbon cupcake tootsie roll I love. Oat cake topping caramels I love cupcake oat cake chocolate topping donut.

    Level 3 Heading
    Cotton candy topping halvah sugar plum gummies souffl&eacute;. Ice cream danish donut sugar plum. Macaroon carrot cake gummies. Caramels oat cake chocolate cake.
  </body>
</html>

Challenge Task 2 of 3

Next, set the subheading to a heading level 2 element and the line of text below it to a paragraph element.

<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>Headings and Paragraphs</title>
  </head>
  <body>
    <h1>This is the Main Headline!</h1>
    <p>Oat cake chocolate bar jelly. Tootsie roll cheesecake sweet gummies candy cookie pudding cotton candy carrot cake. Souffl&eacute; caramels brownie oat cake cheesecake.</p>

    <h2>Level 2 Heading</h2>
    <p>Ice cream candy canes muffin icing pudding muffin jelly topping carrot cake. I love gingerbread dessert jujubes bonbon cupcake tootsie roll I love. Oat cake topping caramels I love cupcake oat cake chocolate topping donut.</p>

    Level 3 Heading
    Cotton candy topping halvah sugar plum gummies souffl&eacute;. Ice cream danish donut sugar plum. Macaroon carrot cake gummies. Caramels oat cake chocolate cake.
  </body>
</html>

Challenge Task 3 of 3

Finally, set the third heading to a heading level 3 element and the text below it to a paragraph.

<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>Headings and Paragraphs</title>
  </head>
  <body>
    <h1>This is the Main Headline!</h1>
    <p>Oat cake chocolate bar jelly. Tootsie roll cheesecake sweet gummies candy cookie pudding cotton candy carrot cake. Souffl&eacute; caramels brownie oat cake cheesecake.</p>

    <h2>Level 2 Heading</h2>
    <p>Ice cream candy canes muffin icing pudding muffin jelly topping carrot cake. I love gingerbread dessert jujubes bonbon cupcake tootsie roll I love. Oat cake topping caramels I love cupcake oat cake chocolate topping donut.</p>

    <h3>Level 3 Heading</h3>
    <p>Cotton candy topping halvah sugar plum gummies souffl&eacute;. Ice cream danish donut sugar plum. Macaroon carrot cake gummies. Caramels oat cake chocolate cake.</p>
  </body>
</html>
Adam Beer
Adam Beer
11,314 Points

You wrote this:

<h1></h1>
    <p>This is the Main Headline!  </p>

instead of

<h1>This is the Main Headline! </h1>
    <p>Oat cake chocolate bar jelly. Tootsie roll cheesecake sweet gummies candy cookie pudding cotton candy carrot cake. Souffl&eacute; caramels brownie oat cake cheesecake.</p>

It should look like this:

<h2>Level 2 Heading</h2> <p>Ice cream candy canes muffin icing pudding muffin jelly topping carrot cake. I love gingerbread dessert jujubes bonbon cupcake tootsie roll I love. Oat cake topping caramels I love cupcake oat cake chocolate topping donut.</p>

Hope it helps