Heading levels

H1 Heading Example

H2 Heading Example

H3 Heading Example

H4 Heading Example

H5 Heading Example

H6 Heading Example

Paragraph and inline text

This is a semantic paragraph strong emphasis, underline, small text, highlighted text that is really long and wraps, struck-through text, inserted text and deleted text.

This is css strong emphasis, underline, small text, highlighted text that is really long and wraps, struck-through text.

Chemical formula: H₂O. Mathematical notation: x² + y². Abbreviation: HTML.

Example of cited work, defined term, and inline quoted text.

Code and technical text

Use <section> for thematic grouping.

Press Ctrl + S to save.

Program output can use Build completed successfully.

Variable example: userName.

  <button type="button">
    Click
  </button>
  <input type="text" placeholder="Name" />
            

Block quotation and line breaks

HTML provides structure, semantics, and built-in interactive controls without requiring JavaScript for basic capability.

This paragraph includes a manual line break.
The next line appears below because of the <br> element.

The horizontal rule above is rendered with the <hr> element.

Default Browser Font Families

Unordered list

• UL Standard
• LI Offset
• LI Rotate
• Color

• Square
• Marker

• Circle
• Markers

Unordered list 3D

• Ul Standard
• LI Offset
• LI Rotate
• Color

• Square
• Marker

• Circle
• Markers

Ordered list

1. Remember the sun
2. Before you awake

1. Remember all the reasons
2. And bake it into your cake

Nested lists

• Text elements
  • Paragraphs
  • Inline semantics
• Structure
  • Section
  • Article
  • Aside

Description list

HTML

The markup language used to structure web content.

CSS

The language used for presentation and styling.

JS

The language used to add behavior and interactivity.

<article> example