---
id: 637f4e5f72c65bc8e73dfe28
title: Working With Text Lesson B
challengeType: 15
dashedName: working-with-text-lesson-b
---
# --description--

Headings are different from other HTML text elements: they are displayed larger and bolder than other text to signify that they are headings.

There are 6 different levels of headings starting from `<h1>` to `<h6>`. The number within a heading tag represents that heading’s level. The largest and most important heading is `h1`, while `h6` is the tiniest heading at the lowest level.

Headings are defined much like paragraphs. For example, to create an `h1` heading, we wrap our heading text in a `<h1>` tag.

<iframe allowfullscreen="true" allowpaymentrequest="true" allowtransparency="true" class="cp_embed_iframe " frameborder="0" height="300" width="100%" name="cp_embed_3" scrolling="no" src="https://codepen.io/TheOdinProjectExamples/embed/LYLPLbg?height=300&amp;theme-id=dark&amp;default-tab=html%2Cresult&amp;slug-hash=LYLPLbg&amp;user=TheOdinProjectExamples&amp;name=cp_embed_3" style="width: 100%; overflow:hidden; display:block;" title="CodePen Embed" loading="lazy" id="cp_embed_LYLPLbg"></iframe>

Using the correct level of heading is important as levels provide a hierarchy to the content. An `h1` heading should always be used for the heading of the overall page, and the lower level headings should be used as the headings for content in smaller sections of the page.

# --questions--
## --text--

How many different levels of headings are there and what is the difference between them?

## --answers--

There are 5 different levels of headings. `h5` is the smallest and least important heading, and `h1` is the largest and most important heading.

---

There are 6 different levels of headings. `h6` is the largest and most important heading, and `h1` is the smallest and least important heading.

---

There are 6 different levels of headings. `h1` is the largest and most important heading, and `h6` is the smallest and least important heading.

## --video-solution--

3
