Semantic HTML
Exercise
We will be building a website in tribute to The Fresh Prince of Bel-Air. A designer has already created the CSS styling for us; we have to add in the HTML for the site.

Objectives
Learn about the different roles of HTML and CSS.
Learn about the different HTML elements available to us, including those that create content and those that group it.
Learn how to use the HTML validator to create valid HTML.
Starter Code
You can access the starter code for this exercise here, including an empty index.html page, a style.css page created by our designer, and an image we will insert into the page.

Try to get through as much as possible on your own; if you need additional help, read through this hints file.

Deliverable
This is what the website will look like:

mockup

Useful Resources
Absolute vs. Relative Paths/Links
HTML Element Reference by MDN
HTML Attribute Reference by MDN
A Flowchart on Which HTML Grouping Tags to Use
Videos
Video — HTML
Video — HTML II