# HTML study notes

Checked September 22, 2026. Editorial reference notes, not a recorded agent run.

Adapted from [Headings and paragraphs](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Headings_and_paragraphs) by Mozilla Contributors. Shortened and paraphrased. These notes are licensed under [CC BY-SA 2.5](https://creativecommons.org/licenses/by-sa/2.5/).

- A paragraph uses a p element to mark its structure. [Source](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Headings_and_paragraphs#headings_and_paragraphs)
- Heading levels describe the outline. Choose them for their place in the document, not their visual size. [Source](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Headings_and_paragraphs#implementing_structural_hierarchy)
- Useful headings help readers, including screen-reader users, find a section. [Source](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/Headings_and_paragraphs#why_do_we_need_structure)

## Practice questions added for this guide

1. A page has one main title and two sections. Which heading levels would you choose, and why?
2. Someone chooses h4 because its default size looks right. How would you separate structure from appearance?

This sample covers three concepts. Read the full lesson and do its exercises yourself.