HTML Reference — Lesson 1 Tags

This page shows all the essential HTML tags you'll use in your first projects, with examples and results.

Full Reference

<h1> to <h6> — Headings

Used for titles and subtitles. <h1> is largest, <h6> is smallest.

<h1>Main Title</h1>
<h3>Subtitle</h3>

Main Title

Subtitle

<p> — Paragraph

Normal blocks of text.

<p>This is a paragraph of text.</p>

This is a paragraph of text.

<a> — Link

Creates a clickable link to another page.

<a href="https://example.com">Visit Page</a>

Visit Page

<img> — Image

Displays an image. Uses src, alt, and width.

<img src="hero.png" width="150" alt="Hero">

<button> — Button

A clickable button.

<button>Click Me</button>

Click Me

<ul>, <ol>, <li> — Lists

<ul> creates bullet lists. <ol> creates numbered lists. <li> is an item inside a list.

<ul>
  <li>Speed: 90</li>
  <li>Stealth: 97</li>
</ul>

• Speed: 90
• Stealth: 97

<br> — Line Break

Moves the next text to a new line.

Line 1<br>Line 2

Line 1
Line 2

<hr> — Horizontal Line

Creates a dividing line.

<hr>

---