HTML Basics: Elements and Text
Elements, tags and attributes, headings and paragraphs, text formatting, entities, lists, links, images and file paths: the everyday HTML of every page.
In Phase 0 you wrote your first page. Now you'll learn the pieces it is made of. Every web page is built from elements: a heading, a paragraph, a list, a link, an image. Each one is written with tags and fine-tuned with attributes. Once you can read and write those three things, you can read the HTML of any website.
You'll learn which element to use for which job and *why* the choice matters: screen readers, search engines and browsers all rely on it. You'll see how the browser treats spaces and line breaks, how to show characters like < and ©, how to make lists, links and images, and how to point from one file to another with paths, the skill that trips up more beginners than any other.
Every topic has live examples to edit, things to break on purpose, and interview-grade questions. The exercises at the end build up to a small profile card using everything in this phase.
Practise this phase
Hands-on exercises: write the code, see your page live, and press Check to have it tested automatically.