HTML Basics

Web pages are made with HTML (Hypertext Markup Language).

HTML is a markup language, the text content is wrapped in tags to provide meaning to the browser.

CSS is used to style the HTML, but browsers have defaults.

HTML allows linking to other pages, which is the core concept of hypertext.

HTML Example

<p>This is a paragraph</p>

<h1>This is a header 1, often used as the page title.<h1>
<h2>This is an h2, it's smaller than an h1. Use h2, h3, etc to create subsections in your content</h2>

This is an unordered list:
<ul>
  <li>item 1</li>
  <li>item 2</li>
</ul>

HTML Elements

https://developer.mozilla.org/en-US/docs/Web/HTML/Element

https://html.spec.whatwg.org/multipage/dom.html#kinds-of-content

Heading elements

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hgroup

Heading elements (h1, h2...) are a content sectioning element.

It's important to structure your page with headers to help impaired users navigate.