OpenTechSchool / html-css-beginners

A friendly, afternoon introduction to html and css.
opentechschool.github.io/html-css-beginners/
Other
21 stars 27 forks source link

Introduction to each HTML element needs to demonstrate nesting #17

Open projectgus opened 10 years ago

projectgus commented 10 years ago

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.