Hey @slooowlearner this is a pretty nifty resource. The difference between head, header, and heading is a bit tricky and as you note, we made a mistake when writing the curriculum. In the spirit of this document, here’s how I’d explain the difference in a kid-friendly way.
Heading: <h1>,<h2>,…<h6>, are used to make titles for different sections of your document. <h1> is the largest heading and <h6> is the smallest.
Head: <head> contains information about the webpage but most of it will never be visible to someone who visits it. This information helps a computer better understand what’s in your web page and how it works.
Header: <header> contains elements that appear on the top of many pages in your site, like a site name, logo, and navigation links. Note: This tag does exist in HTML but is not explicitly taught in CS Discoveries
In the curriculum we made the mistake of referring to headings as “headers”. We’ve got plans in the works to fix the issue but in the meantime I just want to make sure we don’t cause more confusion.
My biggest advice would be to ignore the <header> tag for now. We don’t actually use it in the curriculum and you don’t need it to complete any of the projects. Kids should use the <h1>...<h6> tags a lot to add titles to different portions of their websites. The <head> tag is in every project already but kids use it relatively rarely, for example to add a title to your page, or as you’ll see in Chapter 2, to link your HTML and CSS.
Like I mentioned the mistake’s on our end for the header-vs-heading naming confusion and we’re working to fix it. In the meantime do let us know if you have more questions. Also thanks for so willingly sharing your resources!
Cheers,
GT