Skip to content

Starting from an empty file Course

HTML and CSS: Your First Page, Line by Line

Tags, attributes, the box model and selectors, typed out together until a complete page stands up in your own browser and you can say what every line does.

“I copy code from tutorials and have no idea why it works, or why it suddenly stops.”

the problem this course starts from

Hands typing on a small laptop with code on screen, a notebook and a camera lens beside it

What is inside

39 lessons · about 11 min each · 7 h 9 min

  1. 01 How a browser reads a page 5 lessons 55 min
  2. 02 Text, links and images 8 lessons 1 h 28 min
  3. 03 Selectors and the cascade 8 lessons 1 h 28 min
  4. 04 The box model and spacing 7 lessons 1 h 17 min
  5. 05 Colour, type and backgrounds 6 lessons 1 h 6 min
  6. 06 Developer tools for beginners 5 lessons 55 min

// outcomes

You will be able to…

  • Write a valid HTML page from memory and explain its structure
  • Style text, colour, spacing and images with CSS
  • Find and fix a broken style using the browser’s developer tools

What’s included

  • One page built from an empty file, every keystroke on screen
  • A starter folder you open alongside the lessons
  • A one-page cheat sheet of the tags and properties used
  • End-of-unit exercises with the finished code shown on screen
  • 18 months of streaming access

who.txt

Who it suits

Complete beginners: people who have never coded, office staff who edit web pages, and anyone starting the Front-End Track.

Suggested pace: 3 h a week · about 3 weeks

Pairs well with

Three questions about this course

How much time does it take each week?

There are 39 lessons, 7 h 9 min of video in total. At the suggested 3 hours a week that is about 3 weeks, but you set the pace: the planner works it out for other weekly hours.

How long can I watch it?

For 18 months from the day your access starts. Access details are emailed within one working day of payment, and you can rewatch any lesson as often as you like during that time.

Can I download the videos or ask a tutor?

No. The lessons are recorded and streamed online only, and there is no tutor, mentoring or marking of your code. The exercises listed under what’s included show the finished result on screen, so you can check your own work. Read before you start for what you need.