▶ TrainingGet Pro
Menu
All tools & lessonsAll toolsAllGet the appApp
Learning departments Music, Maths, Cookery, Programming and Art are open – explore →

HTML and CSS course: build your own web pages

UK version. UK school years and UK spelling. · US version of this page

20 free lessons for complete beginners (Year 7, KS3, ages 11–12). Learn the code behind every web page: HTML says what is on the page, CSS makes it look good. Each lesson is 40 minutes with a 20-minute homework; you build real pages in your browser and they are marked as you go.

For parents and teachers

No knowledge of HTML is needed – Mr Babbage and Miss Lovelace explain each step. Questions are marked by Classfern's own checks in the browser: the page your child builds is drawn by the browser itself and checked, with some hidden checks. The two projects at the end also have a design rubric for you to use. Nothing your child types is sent anywhere.

Unit 1: Web pages and HTML

  1. What is HTML? Tags and elements
  2. The parts of every web page
  3. Headings and paragraphs
  4. Lists: bullets and numbers

Unit 2: Links, images and tables

  1. Links between pages
  2. Images and alt text
  3. Tables of data

Unit 3: Forms

  1. Forms: labels and text boxes
  2. Choices: checkboxes, radio buttons and menus

Unit 4: CSS: style rules

  1. Your first CSS rules
  2. Classes, ids and which rule wins
  3. Colour on the web: names, hex and rgb
  4. Styling text: size, weight and alignment

Unit 5: Boxes and layout

  1. The box model: padding, border and margin
  2. Flexbox: boxes in a row
  3. Flexbox: spacing and lining up

Unit 6: Good pages for everyone

  1. Pages everyone can use: accessibility
  2. Header, nav, main and footer
  3. Project: a page about your hobby
  4. Project: your own website + course check

Practice tests

Curriculum

National curriculum in England, computing, key stage 3: pupils should be taught to use 2 or more programming languages, at least one of which is textual, to solve a variety of computational problems; make appropriate use of data structures [for example, lists, tables or arrays]; design and develop modular programs that use procedures or functions; and to create, reuse, revise and repurpose digital artefacts for a given audience, with attention to trustworthiness, design and usability; and to understand a range of ways to use technology safely, respectfully, responsibly and securely, including protecting their online identity and privacy; recognise inappropriate content, contact and conduct, and know how to report concerns; and to design, use and evaluate computational abstractions that model the state and behaviour of real-world problems and physical systems; and to understand how instructions are stored and executed within a computer system; understand how data of various types (including text, sounds and pictures) can be represented and manipulated digitally, in the form of binary digits; and to undertake creative projects that involve selecting, using, and combining multiple applications, preferably across a range of devices, to achieve challenging goals, including collecting and analysing data and meeting the needs of known users.

Contains public sector information licensed under the Open Government Licence v3.0.

Our lessons and questions are our own. They are not written or endorsed by any government department, testing agency or exam board. HTML and CSS are open web standards; Classfern is not affiliated with the organisations that publish them.