Headings

HTML provides six levels of headings:

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

Paragraphs and Basic Text

This is a regular paragraph with strong importance and emphasized text.

Another paragraph with italic text and bold text.

This text has
a line break
in the middle.

Lists in HTML

Unordered List

• Apples
• Oranges
• Bananas
  • Regular bananas
  • Plantains
• Grapes

Ordered List

1. First item
2. Second item
3. Third item

Description List

HTML

HyperText Markup Language

CSS

Cascading Style Sheets

JavaScript

A programming language for web pages

Subscripts and Superscripts

Water: H₂O

Sulfuric Acid: H₂SO₄

Pythagorean Theorem: a² + b² = c²

Einstein's Equation: E = mc²

Today is September 10^th.

Links and References

Here is a link to Wikipedia.

You can also create internal links.

Additional Typographic Elements

Regular text with smaller text inside.

This contains highlighted text.

My favorite color is blue red.

Short quote: To be or not to be

The only way to do great work is to love what you do.

— Steve Jobs

Code example: console.log("Hello");

Keyboard input: Press Ctrl + C to copy.

Abbreviation: WHO

Image Example (img)

The <img> element embeds an image in the document:

This image uses a placeholder service. In real websites, you would use your own image files.

Picture Example (picture)

The <picture> element allows responsive images with different sources:

Resize your browser window to see different images load at different screen sizes.

Iframe Example (iframe)

The <iframe> element embeds another HTML page within the current page:

This embeds a Wikipedia page about HTML. You can also embed videos, maps, and other content.

Table Example

Combined Example

Here's a paragraph that combines bold text, italic text, H₂O, and E=mc².

• List item with bold text
• List item with emphasis
• List item with a² + b² = c²

Visit MDN Web Docs for more information about HTML.