Every web page you will build in this course begins as a plain text file with a predictable skeleton. HTML (HyperText Markup Language) is not a programming language; it is a markup language that uses tags to label the parts of a document so a browser knows what each piece of content is. In this topic you will write your first complete HTML file and display the words "Hello, World" in a browser.
The structure you learn here is small but non-negotiable. The DOCTYPE declaration tells the browser to use modern standards mode, the root html element wraps everything, the head element holds information about the page (such as the title shown on the browser tab and the character encoding), and the body element holds everything a visitor actually sees. Getting this minimal structure right matters immediately, because the file you create here is the same file you will commit, push, and publish to GitHub Pages later in the module.
As you watch, focus on three things: the exact order and nesting of the doctype, html, head, and body; which content belongs in the head versus the body; and how opening and closing tags pair up to form elements. Try to pause each video and retype the structure yourself from memory rather than copying it — the goal is to be able to produce a valid blank page without looking anything up.
A brief, beginner-oriented introduction to what HTML is and what an HTML document looks like, from the W3Schools video series. In roughly three minutes it is likely to walk through a simple example page and name the parts of the basic document structure, including the doctype, html, head, title, and body.
W3Schools is a long-standing, widely used reference for web standards, and its short format gives you an accurate first look at the document skeleton before you write your own file.
A fast-paced tour of HTML fundamentals with timestamps for setting up a project, tag syntax, headings, attributes, and the basic HTML structure. The chapter on the basic HTML structure directly covers assembling the doctype, html, head, and body into a working page.
The chapter markers let you jump straight to the structure section that matches this topic, and seeing a page built from an empty file to a rendered result reinforces how the pieces fit together.
A more deliberate, explanatory treatment of HTML as the standard language for creating and organizing page content. At thirteen minutes it has room to explain not just what each element is but why it exists and how the browser interprets the markup.
The slower, instructor-style pacing suits students who want the reasoning behind the structure rather than just the syntax, making it a good follow-up or review after the shorter videos.
These three videos together support MO2 by showing the same minimal document structure — DOCTYPE, root html element, head, and body — from three perspectives: a quick standards-reference overview, a hands-on build, and a slower conceptual explanation. Because the "Hello, World" file you produce from these videos becomes the file you commit and publish, they also set up MO1, MO3, MO4, and MO5 by giving you valid content to push to your repository and verify at your live GitHub Pages URL.
These videos were chosen from YouTube on October 2, 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.