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.
Lists
Unordered List
- Item 1
- Item 2
- Item 3
Ordered List
- First item
- Second item
- Third item
Description List
- HTML
- Hypertext Markup Language
- CSS
- Cascading Style Sheets
Tables
Header 1 | Header 2 | Header 3 |
---|---|---|
Data 1 | Data 2 | Data 3 |
Data 4 | Data 5 | Data 6 |