Build web pages by typing HTML and CSS and watching the page change.
★ Challenge completeTags label text and nest, and your first CSS rules change how it looks.
Label text with tags, and find out that the browser ignores line breaks in your code.
Put one tag inside another, close the last one opened first, and find out that the browser guesses when you get it wrong.
Write a CSS rule that styles every tag of one kind, and find out that it changes how they look, not what they are.
Lists, links and pictures, classes to style some of them, and a whole page to fix.
Group items into bulleted and numbered lists, keep every item inside its list, and put a list inside an item.
Send people to another page with a link, and find out that its address sits inside the opening tag.
Show a picture with the img tag, and describe it with alt for anyone who cannot see it.
Mark the elements you choose with a class, and style only those with a rule that starts with a dot.
Read a whole page, find the part that does a job, and change just that part.
Tables, the named parts of a page, links within a page, and forms.
Put data in a table by writing it one row at a time, with the same number of cells in every row.
Name the top, menu, content and bottom of a page with header, nav, main, section and footer, and find out why they change nothing you can see.
Give a heading a name with id, then link to it with a
Build a form from linked labels, boxes and a button, and find out that a form collects answers but does nothing with them on its own.
Build a whole club page from everything in the course, in milestones, then make it your own.
Build a whole club page in three milestones, from a coloured header and menu to sections, a results table and a sign-up form, then make it your own.
Progress is saved in this browser only. Nothing is sent anywhere.
For teachers: Teacher guide (notes, answers, solutions, slides and worksheets)