Skip to content

HTML & CSS · Level 1 — Beginner

Learn HTML and CSS from scratch

From “how the web works” to your first personal page: structure, text, links, images, forms, and the basics of CSS and layout — every lesson with live practice and a quiz.

  • Taught by Mahdi Mashaal
  • Free lessons
  • Text and pictures
  • Live practice
  • Quizzes
  • Project

Who it is for

  • Someone who has never written code and wants to start properly
  • A designer or writer who wants to build their own page
  • A student who has chosen web development

After this course

  • Write meaningful, valid HTML pages
  • Use text, links, images, lists, tables and forms where they belong
  • Set colour, type, spacing and simple layout with CSS
  • Build and publish a responsive personal page

Before you start

  • Using a computer and a browser; that is all

Syllabus

  1. 1Start: the web and your first page4 ready
    1. How the web works5 min
    2. Your first HTML page14 min
    3. Elements, tags and attributes14 min
    4. Headings and paragraphs14 min
  2. 2Links, images, lists and tables2 ready
    1. Links14 min
    2. Images14 min
    3. ListsComing
    4. TablesComing
  3. 3FormsComing
    1. A form and its submissionComing
    2. Inputs and labelsComing
    3. Buttons and validationComing
  4. 4CSS basicsComing
    1. Your first CSSComing
    2. SelectorsComing
    3. Colour and typeComing
    4. The box modelComing
    5. Units: px, rem, %Coming
  5. 5LayoutComing
    1. display: block and inlineComing
    2. Flexbox basicsComing
    3. Responsive pagesComing
  6. 6The level projectComing
    1. Project: your personal pageComing

The level project

Your personal page: an introduction, your work and a way to reach you, on phone and desktop

Passing this level means: builds the basics unaided — Spark medal