Text, lists, links, emphasis
Objectives
- Master p, strong, em, blockquote
- Create ul/ol/li and dl
- Write accessible links
Lesson
Text is the heart of the Web. <p> for paragraphs, <strong> for importance, <em> for emphasis — not just cosmetic bold/italic.
Lists: ul (unordered), ol (ordered), li (item). dl/dt/dd for glossaries. Nav menus are often lists of links.
Links: <a href="...">clear label</a>. Avoid “click here”. For a new tab: target="_blank" + rel="noopener noreferrer".
In-page anchors: href="#section-id" with id on the target. Useful for long lessons and FAQs.
Best practice: link text should make sense out of context (screen readers browse link lists).
Practice lab
Create a <ul> with 3 <li>, each containing an <a href>.
○ <ul○ <li○ <a href
1
2
3
Assessment
Assessment
1. Which tag for a numbered list?