Advanced HTML

For this project, we expect you to look at this concept:

• HTML – elements of a web page

Resources

Read or watch:

• HTML 5.2
• HTML: HyperText Markup Language | MDN
• HTML Reference – A free guide to all HTML elements and attributes
• Can I use… Support tables for HTML5, CSS3, etc
• HTML Cheat Sheet – WebsiteSetup

Learning Objectives

At the end of this project, you are expected to be able to explain to anyone, without the help of Google:

• Which guidelines to follow for HTML
• How to create the skeleton of an HTML5 page
• How to use semantic HTML tags to structure a web page
• Which use cases to use div vs span
• The semantic value’s of header, main, footer, article, nav, section, aside
• How to use headings (and why it’s important to follow the hierarchical order)
• How to make lists in HTML
• The differences between medias (SVG, GIF, PNG, JPG)
• How to structure data in a table
• How to integrate a video in a webpage
• How to integrate an audio file in a webpage
• How to embed external content
• How to correctly structure an HTML page

Requirements