Michael Aitken


Purpose of This Page

This style guide serves as a reference for creating HTML pages using completely semantic HTML elements, reminiscent of the style of old web pages. The goal is to use native HTML tags for structure and styling, without relying on classes or IDs. This approach enables the creation of simple, scalable webpages where the focus is on content creation, leaving the styling to a simple base CSS file. This page demonstrates various HTML elements and their proper usage without non-semantic containers like <div> tags.

Headings

This is an H1 heading

This is an H2 heading

This is an H3 heading

This is an H4 heading

This is an H5 heading
This is an H6 heading

Text Elements

This is a paragraph of text. Strong text and emphasized text.

This is a blockquote.
This is preformatted text.
This is inline code.

This is a HTML abbreviation.

This is a citation.

This is marked text.

This is strikethrough text.

This is underlined text.

Links and Images

This is a link to Example.com.

Placeholder Image
Placeholder Image

Lists

Unordered List

  • Item 1
  • Item 2
  • Item 3

Ordered List

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

Description List

HTML
Hypertext Markup Language
CSS
Cascading Style Sheets

Tables

Sample Table
Header 1 Header 2 Header 3
Data 1 Data 2 Data 3
Data 4 Data 5 Data 6

Forms