Right this way…
Station 01 · HTML structure & nesting
You have seen our Showboat Theater — the marquee, the velvet, the picture behind it. Here is the secret: under the paint, that whole stage is about ten lines of HTML. HTML is not a programming language; it is a way of naming boxes and putting boxes inside other boxes. The browser reads the names and builds the structure.
Below is the real shape of our stage, simplified. Run your pointer over the code — or over the stage itself — and watch the two light up together. That connection in your head is the whole lesson.
1<figure class="stage">2<div class="marquee">Now showing…</div>3<div class="screen">4<iframe src="…the reel…" />5<div class="curtain left"></div>6<div class="curtain right"></div>7<div class="valance"></div>8</div>9<figcaption>Reel courtesy of…</figcaption>10</figure>
Hover the code or the stage — each line of markup is a physical part.