Format text and link pages
Use headings, paragraphs, emphasis and links to help readers move through content.
- Choose a meaningful heading level
- Emphasize words with semantic elements
- Create links with descriptive text
Use headings (<h1> through <h6>) to show how topics fit together. Heading levels describe an outline; choose them for structure rather than to make text look a certain size. Use CSS when you are ready to change the design.
1<h1>About the club</h1>
2<p>We meet every week to make things.</p>
3<p>New members are <strong>welcome</strong>.</p>
4<p><a href="https://example.com/meetings">See meeting details</a></p>About the club We meet every week to make things. New members are welcome. See meeting details
An anchor (<a>) creates a link. Its href attribute says where the link goes, and its text should tell people what they will find. <strong> marks important text; <em> marks emphasis. Browsers also give these elements default visual styles.
Key takeaways
Use headings to build an understandable outline.
Use strong and em to mark meaning, not just appearance.
Write link text that makes sense when read on its own.
Lesson quiz
5 questions · pass with 4 correct · up to 50 XP
Passing this quiz completes the lesson and keeps your streak going. Questions you miss come back in review sessions later.
Practice: write HTML
Write the markup, preview it in a sandboxed browser frame, and check the visible text against the requirements.
Share a reading list
Create a heading that says Reading list, a paragraph that says Start with the basics., and a link whose visible text is HTML reference. The link destination should be https://developer.mozilla.org/.
- Reading list text
Your markup is previewed in a sandboxed frame. Run tests to check the visible page text.
Questions about this lesson
Stuck? Ask. Figured something out? Share it. Explaining is one of the best ways to learn.
Loading posts…