The Main Title Of This Web Page - ONLY ONE PER PAGE

Think of h1 as the book title. you only have one book title!

Chapter 1: major section of your website

h2 is for major sections like chapters in a book

Types of lists

Unorderd Lists (AKA bullet points)

• First Item
• Second Item
• Third Item

Ordered Lists (NUMBERED LIST)

1. First Item
2. Second Item
3. Third Item

Nested lists (Lists inside other lists)

• Fruits
  • Apples
    • Red Delicious
    • Granny Smith
  • Bananas
• Vegatables
  1. Carrots
  2. Broccoli

Definition List (Terms and Definitions)

HTML

HyperText Markup Language - the structure of web pages

CSS

Cascading Style Sheets - the styling of web pages

JavaScript

Programming Language for web interactivity

Semantic Elements (Have Meaning)

This text is very important (strong emphasis).

This text is emphasized (stress emphasis).

This text is Highlighted like a highlighter pen.

This text is small print (fine print/ disclaimers).

This text has deleted content (slashthrough).

This text has inserted text (underlined).

This is a WWW abbreviation.

This is computer code in a sentence.

Press Ctrl + S to save.

The computer says: File saved successfully

Quotations

She said, HTML is awesome! (inline quote)

This is a longer quotation that deserves its own block. It usually gets indented and stands out from regular text. - Someone Famous

Special Text Elements

        This perserves    spacing  and
        line breaks exactly as typed
        Great for code or ASCII art!
    

Subscript: H₂0 (water)

Superscript: X² + Y² = Z²

Line
Break
Example

Horizontal rule above (thematic break)

Section 1.1: subsection

h3 breaks down chapters into smaller parts

Topic A: smaller division

h4 is for specific topics within sections

Subtopic: getting detailed

h5 is RARELY used - only for very detailed organization

Fine Print: Smalled heading

h6 is the SMALLEST - almost never needed