Learning outcomes
- Explain how to create a logical content outline.
- Complete the guided practice safely.
- Check that you can improve structure and readability.
HTML Foundations
Headings and Paragraphs
Learn to create a logical content outline and improve structure and readability in this beginner-friendly website development lesson.
Before you begin
Work on a practice copy, keep filenames lowercase and hyphenated, and create a backup before changing a live website.
Step-by-step instructions
- Open the relevant project page, file or WordPress screen and confirm you are working on a safe practice copy.
- Mark up a short article with one H1 and ordered headings.
- Inspect the result using browser tools or WordPress Preview; do not publish yet.
- Check keyboard use, mobile layout, content accuracy, links, images and privacy where applicable.
- Confirm that you can improve structure and readability, then save a clearly named version or backup.
Ian's practical tip: Preview first, test at desktop and mobile sizes, and keep a recoverable copy before publishing.
Practical activity
Mark up a short article with one H1 and ordered headings. The expected result is to improve structure and readability.