HTML Fundamentals

This page demonstrates the core building blocks of HTML.

1. Document Structure

Every page should contain:

<!DOCTYPE html> - tells the browser to use HTML5 standards
<html> - the root element
<head> - metadata (not visible content)
<body> - everything the user sees

2. Semantic Markup

Semantic elements describe the meaning of the content:

<header> - introductory content or navigation
<nav> - navigation links
<main> - the dominant content of the page
<section> - a thematic grouping of content
<article> - independent, self-contained content
<footer> - footer information

Example Article

This is wrapped in an <article> tag. Screen readers and search engines understand it as a standalone piece of content.

3. Text Formatting Elements

You can make text strong (important), emphasized, highlighted, smaller, or show inline code.

You can also create _subscript and ^superscript text.

This is a blockquote - useful for quoting longer passages.

4. Hyperlinks

Internal link (to another page on this site)
External link (opens in new tab)
Link to an ID on this page (fragment indentifier)

5. Lists

Unordered List

First item
Second item
Third item

Ordered List

Step one
Step two
Step three

Description List

HTML: HyperText Markup Language - the structure of web pages
CSS: Cascading Style Sheets - the presentation of web pages