Text & Inline Tags

Headings

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

Paragraph & Inline Semantics

This is a strong word, this is emphasized, this is highlighted, small text, ~~deleted~~, inserted, H₂O uses subscript, 2¹⁰ uses superscript.

An abbreviation: HTML. A short quote with q tag, and a longer quote:

“This is a blockquote example, good for longer quotations.”

Inline code: <div>Hello</div> and a keyboard key: Ctrl + C, program output with Operation successful, and a variable: x.

This is the first line.
This is the second line after a break.

A time tag: Event on August 23, 2025.

Contact: Jane Doe, 123 Example Rd, City, Country.

Lists

Unordered List (ul)

Apple
Banana
Cherry

Ordered List (ol)

First
Second
Third

Description List (dl)

HTML: Markup language for web pages.
CSS: Styles the page.
JavaScript: Adds interactivity.

Media & Figures

Image Example

Video Example

Audio

Tables

Sample Table
Item	Qty	Price
Pencil	2	$1.00
Notebook	1	$2.50
Total	3	$3.50

Forms

Basic Inputs

Text:

Email:

Password:

Number:

Range:

Color:

Date:

File:

I agree

Gender: Male Female Other

Select:

Datalist:

Textarea:

Progress: 60%
Meter (score): 0.7

Semantic Page Structure

<article> with <aside>

This is the main article content. It can be syndicated or stand alone.

Details / Summary

Click to expand details

Hidden content revealed with the <details> and <summary> tags.

# Preformatted code block
line 1
  line 2 (indented)
line 3

Embedded Content (placeholders)

A generic block-level <div> container.