HTML Text & Headings
9 min · Video lesson
Lesson Content
Text is the foundation of most web content. HTML gives you several elements to structure and emphasise text meaningfully.
Headings run from <h1> (most important) to <h6> (least important). Use them to create a clear hierarchy. A page should typically have one <h1> — the main title — followed by <h2> subheadings, then <h3> for sub-sections, and so on.
Paragraphs use the <p> element. Each <p> creates a block of text with automatic spacing above and below.
<strong>— marks text as important (renders bold)<em>— marks text as emphasised (renders italic)<span>— a generic inline container for styling
The key principle here is semantic HTML — using elements for their meaning, not just their appearance. A <strong> tag means "this is important", not just "make this bold". Screen readers and search engines use this meaning.
<article>
<h1>Getting Started with Web Design</h1>
<p>
Web design is the process of creating <strong>visually appealing</strong>
and <em>user-friendly</em> websites.
</p>
<h2>Why It Matters</h2>
<p>
A well-designed website builds trust and keeps visitors engaged.
Poor design, on the other hand, drives people away within seconds.
</p>
<h3>The Core Skills</h3>
<p>You'll need HTML, CSS, and an eye for layout and colour.</p>
</article>Finished this lesson?
Mark it complete to track your progress through the course.
Learning Objectives
- 1Use h1 through h6 to create a content hierarchy
- 2Write paragraphs with the p element
- 3Add emphasis with strong and em tags
- 4Understand semantic meaning vs visual styling
0 of 31 lessons done