Summary  
This chapter covers semantic document structuring in HTML by using heading elements (h1–h6) to define hierarchical sections and the paragraph element (p) to group text for readability and accessibility.

General domain of usage  
Web development

Headings and paragraphs organize text and add meaning in semantic HTML. Use `h1` for the main title, followed by `h2` through `h6` for subtopics in logical order—never just for appearance. This structure helps browsers, search engines, and assistive technologies understand your content.

The `p` element groups sentences into paragraphs, making text easier to read and scan. While paragraphs do not create hierarchy, they keep information clear and accessible.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPHRpdGxlPlNlbWFudGljIEhlYWRpbmdzIGFuZCBQYXJhZ3JhcGhzIEV4YW1wbGU8L3RpdGxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxoMT5IZWFsdGh5IEVhdGluZyBHdWlkZTwvaDE+CiAgICA8cD4KICAgICAgRWF0aW5nIHdlbGwgaXMgY3J1Y2lhbCBmb3IgbWFpbnRhaW5pbmcgZ29vZCBoZWFsdGggYW5kIGZlZWxpbmcgeW91ciBiZXN0LgogICAgICBUaGlzIGd1aWRlIGNvdmVycyB0aGUgYmFzaWNzIG9mIGJhbGFuY2VkIG51dHJpdGlvbi4KICAgIDwvcD4KICAgIDxoMj5CZW5lZml0cyBvZiBhIEJhbGFuY2VkIERpZXQ8L2gyPgogICAgPHA+CiAgICAgIEEgYmFsYW5jZWQgZGlldCBwcm92aWRlcyB5b3VyIGJvZHkgd2l0aCB0aGUgbnV0cmllbnRzIGl0IG5lZWRzIHRvIGZ1bmN0aW9uCiAgICAgIGVmZmVjdGl2ZWx5LiBXaXRob3V0IGJhbGFuY2VkIG51dHJpdGlvbiwgeW91ciBib2R5IGlzIG1vcmUgcHJvbmUgdG8KICAgICAgZGlzZWFzZSwgaW5mZWN0aW9uLCBhbmQgZmF0aWd1ZS4KICAgIDwvcD4KICAgIDxoMz5QaHlzaWNhbCBCZW5lZml0czwvaDM+CiAgICA8cD4KICAgICAgUHJvcGVyIG51dHJpdGlvbiBzdXBwb3J0cyBoZWFsdGh5IGdyb3d0aCwgc3RyZW5ndGhlbnMgdGhlIGltbXVuZSBzeXN0ZW0sCiAgICAgIGFuZCBpbXByb3ZlcyBlbmVyZ3kgbGV2ZWxzLgogICAgPC9wPgogICAgPGgzPk1lbnRhbCBCZW5lZml0czwvaDM+CiAgICA8cD4KICAgICAgRWF0aW5nIGEgdmFyaWV0eSBvZiBoZWFsdGh5IGZvb2RzIGNhbiBoZWxwIGltcHJvdmUgY29uY2VudHJhdGlvbiBhbmQgbW9vZC4KICAgIDwvcD4KICAgIDxoMj5LZXkgRm9vZCBHcm91cHM8L2gyPgogICAgPHA+CiAgICAgIFVuZGVyc3RhbmRpbmcgdGhlIG1haW4gZm9vZCBncm91cHMgY2FuIGhlbHAgeW91IG1ha2UgYmV0dGVyIGNob2ljZXMgZWFjaAogICAgICBkYXkuCiAgICA8L3A+CiAgICA8aDM+RnJ1aXRzIGFuZCBWZWdldGFibGVzPC9oMz4KICAgIDxwPgogICAgICBUaGVzZSBwcm92aWRlIGVzc2VudGlhbCB2aXRhbWlucywgbWluZXJhbHMsIGFuZCBmaWJlci4gQWltIHRvIGZpbGwgaGFsZgogICAgICB5b3VyIHBsYXRlIHdpdGggZnJ1aXRzIGFuZCB2ZWdldGFibGVzIGF0IGVhY2ggbWVhbC4KICAgIDwvcD4KICAgIDxoMz5Qcm90ZWluczwvaDM+CiAgICA8cD4KICAgICAgTGVhbiBtZWF0cywgYmVhbnMsIGFuZCBudXRzIGFyZSBpbXBvcnRhbnQgZm9yIG11c2NsZSBncm93dGggYW5kIHJlcGFpci4KICAgIDwvcD4KICA8L2JvZHk+CjwvaHRtbD4=

Which of the following statements about headings and paragraphs in semantic HTML is correct?

Learn to create clean, meaningful, and accessible web pages using semantic HTML. Discover how to use appropriate elements to structure content, enhance SEO, and improve user experience. Master the core principles of a well-designed modern website.

Lay the foundation for meaningful web structure. Explore what semantic HTML is, why it matters, and how to organize your page using the right elements. Learn to build layouts that clearly communicate the purpose of each section both to users and to search engines.

Discover how to use semantic elements to make your content clear, organized, and accessible. Learn how headings, paragraphs, lists, and tables convey hierarchy and meaning, helping both humans and machines understand your page better.

Go beyond the basics and make your web pages accessible, user-friendly, and optimized for visibility. Explore semantic media elements, ARIA roles, metadata, and best practices to ensure your sites work beautifully for everyone.

Headings and Paragraphs