Week 1 of 4 · HTML

Plan and build the structure

Weekly goal: A complete, plain home page with all content in containers.

Friday unlocks your badge: Structure Builder

MonDay 1

Welcome, topic and plan

Today's win: You see the finished LeetCamp site, make your plan, and your first page opens in the browser.

You add to the site: index.html: the basic template with one h1.

You leave with: Planning sheet + a page with your title as a heading.

⏩ Tomorrow your page learns to talk.

TueDay 2

Text and lists

Today's win: Your page says something: a heading, an intro and the three steps.

You add to the site: Headings, paragraphs, a list and comments.

You leave with: Headings, paragraphs and lists, labelled with comments.

⏩ Tomorrow your page gets rooms: everything lives in a box.

WedDay 3

Containers: div and section

Today's win: Your page is split into named boxes you can point to.

You add to the site: header, section, div and footer containers with classes; the three steps become cards.

You leave with: Navbar, tools section, how-we-do-it section and footer, each in its own container with a class.

⏩ Tomorrow: a second page and a link to it.

ThuDay 4

Links, buttons and a second page

Today's win: You have two pages that link to each other, and your quiz buttons are on the page.

You add to the site: A navbar link to about.html and the new Who I am page with its quiz buttons.

You leave with: A link, buttons and two linked pages.

⏩ Tomorrow we tidy it, test it and show it off.

FriDay 5

Test, debug and showcase Friday showcase

Today's win: You review a partner's page and show yours to the class.

You add to the site: The full footer, tidier indentation and a final check of every tag, link and alt text.

You leave with: A complete, unstyled home page with two linked pages.

⏩ Next week we make it beautiful.