CSET-110 Lab:
Semantic HTML
Today, we're going to learn how to create a semantic web page in a modern layout.
Compare the older document-style website from last week to a newer layout, like our school's About page. Besides the styles (like colors and fonts), the newer website has more content, too. It has navigational menus and sidebars in addition to the content.
We won't get into the styles yet, that's CSS. But we do need to learn the tags that describe these new Layout Elements.
Instructions
- Read this article on Semantic HTML
- Practice using the new Layout Elements as you learn them to understand the Document Outline.
- When you're done, try recreating the layout posted in Slack with your new knowledge of semantic elements.
Rubric
- Your file needs to be syntactically correct, meaning your code follows the rule of the language and has no errors. (10pts)
- Your file needs to be human readable, meaning your code uses whitespace like new lines and indents to be organized. (10pts)
- And most importantly, your file needs to be semantically correct, meaning you've selected the proper tags to appropriately describe the contents. (10pts)