You can build a structured web page from scratch.
That is not a vague cheer. It is a concrete claim about what the last ten lessons put in your hands. Run the page below. Scroll the preview to Skills and Contact if you do not see them yet. The photo and About sit above them. If you already ran the exercise in the previous lesson, this sandbox should open with your own version. If not, it opens with the completed Act I starter, the same structure either way.
▸WHAT'S ALREADY IN THIS PAGE
New here? This starter already carries the standard HTML frame. You do not need to change it to do the exercise — each piece is taught in its own lesson.
<!DOCTYPE html>— Tells the browser to use modern rendering rules. Taught in lesson 2.<html> … </html>— The root element that wraps the whole document. Taught in lesson 2.lang="en"— Sets the page's language. Taught in lesson 6.<head>— Holds information about the page; nothing in it is drawn on screen. Taught in lesson 2.<meta charset="UTF-8" />— Sets how the browser decodes the text. Taught in lesson 6.<title>— Sets the browser-tab text. Taught in lesson 2.<body>— Holds everything a visitor actually sees. Taught in lesson 2.
What this page can do
Everything on that page was added on purpose, one lesson at a time.
It has a complete document frame: doctype, html, head, body, and a browser-tab title. It has one main heading, plus section headings that form a real outline. It has a bio with nested emphasis (strong and em). It has a skills list the browser can count as items. It has working links: an external URL, and in-page jumps to About, Skills, and Contact. It has an image with an alt description. It has landmark regions: header, nav, main, section, and footer. It has a contact form with labeled fields, name attributes, and a submit button that actually submits.
You can download that file from the sandbox and open it outside this site. The structure is real HTML, not a demo that only works here.
What it cannot do yet
It looks like 1996. Default fonts, default spacing, default colours, stacked top to bottom with no layout design. That is not a failure of your work. Act I taught structure on purpose, with no styling mixed in. A page can be complete as HTML and still look unfinished. Those are different jobs.
It also does not respond to the visitor beyond what HTML already provides: clicking a link, typing in a field, submitting a form. Custom behaviour after a click is Act III.
What comes next
Act II teaches presentation. CSS is how you control colour, type, spacing, and layout. The same page you ran above will start looking deliberate, including on a phone. You will not throw this structure away. You will dress it.
Act II continues on this same page. It starts by teaching how CSS attaches to HTML.