Web Development · Beginner level

Beginner level · Module 1 of 5 · 10 guided hours

HTML for Structured Web Pages

Understand how the web works and write semantic HTML with links, images and forms that everyone can use.

Learning objectives

  • Explain the roles of browsers, servers, URLs and HTTP
  • Structure content with semantic HTML elements
  • Add accessible links, images and forms

Topics

  • client, server, URL and HTTP
  • HTML document structure
  • headings and semantic elements
  • links and paths
  • images and alt text
  • forms and labels

Lessons

  1. Lesson 1 How the Web Works

    Follow a request from typing a URL to seeing a page: DNS, HTTP, servers and the browser's rendering.

    URLDNSHTTP request and responseHTML, CSS and JavaScript roles

  2. Lesson 2 Semantic HTML Structure

    Write a complete HTML document and use semantic elements and headings so browsers, search engines and assistive technology understand the content.

    <!DOCTYPE html> and <head>semantic elements (header, nav, main, section, footer)heading levelslang attribute

  3. Lesson 3 Links, Images and Forms

    Link pages together, add images with meaningful alternative text and build forms whose fields are properly labelled.

    relative and absolute URLsalt text<label for>input types and required

Practical activity

Write the HTML for a one-page profile of a local organisation with a header, navigation, sections, an image and a contact form — no CSS yet.

Expected outcomes

  • Well-structured HTML documents
  • Accessible basics from the start

Assessment

HTML review against a checklist (semantic elements, heading order, alt text, labels) and the W3C validator.

Free taster lesson Foundations of the Web (HTML5 & CSS3) Read a free self-study lesson on this topic in the Free Course Library.

Taught live by an instructor — online or in person. Free course lessons are for self-study and do not lead to a certificate — see registration options.