Introduction to each HTML element needs to demonstrate nesting

[projectgus]

The introduction of each basic structural element (html, head, body, etc.) would be improved by showing each element relative to the things it nests under/beside, and give some description of what each bit is for.

A lot of people today put them in weird orders, sometimes right after each other or haphazard arrangements. Worse, browsers make "best" guesses at rendering such things so a lot of time people got quite far into the workshop with totally broken page layouts before something finally refused to render.

A clear summary of what each section is for would help a lot - I found myself explaining many times "The html tag goes around absolutely everything, the head tag is things that apply to the entire page but not the part that you see in the main browser pane, the body tag is all the things that get rendered in the main browser pane" or variations thereof.