Up to this point in the module you have practiced individual HTML skills: writing semantic elements, placing images, and creating links. This topic asks you to combine those skills into a single, working multi-page website. That means deciding what pages your site needs, naming files and folders consistently, repeating the same semantic structure and navigation menu on every page, adding images with meaningful alt text, and wiring the pages together with relative links while pointing outward with absolute URLs.
This matters because real websites are judged as a whole, not as isolated code snippets. A visitor notices immediately when a navigation link is broken, an image fails to load, or one page looks structurally different from the rest. Planning your folder layout before you start writing HTML, and testing every link and image when you finish, is what turns a pile of files into a site.
The two videos below approach the idea of a complete site from different angles. The first reviews the HTML content elements you will place inside your pages; the second shows a no-code site builder so you can see how pages, navigation, and media fit together conceptually before you hand-code the same ideas. While watching, pay attention to structure and organization rather than to any single tag: ask yourself how each page relates to the others, where files would live on disk, and what you would need to check before calling the site finished.
This tutorial from the Sigma Web Development Course covers HTML images, lists, and tables. Based on its title and description, expect coverage of the img element and its attributes, ordered and unordered lists, and table markup, demonstrated with live code examples typical of this series.
The image portion maps directly to the subtopic on embedding images with descriptive alt text, and lists are the standard way to structure a navigation menu, so the content supports both page content and site navigation work. CodeWithHarry is a widely followed, beginner-oriented web development channel with a clear, example-driven teaching style.
Kevin Stratvert walks beginners through building a website with Google Sites without writing any code. The video is likely to cover creating and arranging pages, adding a navigation menu, inserting images and text blocks, and publishing the finished site.
It gives you a fast, visual model of what a complete multi-page site looks like, including page hierarchy and consistent navigation, which is useful context when you plan your own structure. Kevin Stratvert is a well-known producer of clear, step-by-step software tutorials, and the video offers a useful contrast between a drag-and-drop builder and the hand-written HTML you are learning.
Together these videos reinforce the module outcomes from two directions. The CodeWithHarry tutorial supports MO2 by demonstrating the img element and its attributes, and its coverage of lists underpins the anchor-in-nav menu pattern required by MO4, while the code it produces sits inside the semantic page structure described in MO1. The Google Sites walkthrough supports MO1, MO3, and MO4 conceptually by showing how a set of pages is planned, linked, and navigated as one site, and it models the review habit behind MO5, since you see a finished site published and checked. Use the videos for concepts and technique, then apply them in your own hand-coded project folder, testing every internal link, external link, and image before you submit.
These videos were chosen from YouTube on October 3, 2026. Each has captions; the player turns them on. Videos on YouTube can be changed or removed — if one no longer plays, tell your instructor. If a player does not appear, use its Watch on YouTube link.