🆓 Free Preview 📖 Notes LESSON 03 OF 32

Headings, Paragraphs, Lists & Links

⏱️ 20 min

🌐 HTML5 Foundations

Core HTML Elements

The building blocks used on every webpage.

Elements

Headings, Links & Lists

Headings: h1–h6, only one h1 per page
Links: <a href="url">text</a> — target="_blank" opens a new tab
Unordered list: <ul> for bullets
Ordered list: <ol> for numbers
List item: <li> inside either list type

Example

HTML

<h1>Main Title</h1>
<h2>Section Title</h2>
<p>Paragraph with <strong>bold</strong> and <em>italic</em>.</p>
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>
<a href="https://google.com" target="_blank">Google</a>

⚠️

One h1 per page

Using multiple h1 tags confuses screen readers and hurts SEO — headings should form one logical outline (h1 → h2 → h3), never skip levels just for a font-size effect.

← Lesson 2: HTML Document Structure Lesson 4: HTML Forms →