The nine exercises (0 to 8) you need to complete are all listed below. There are also links to the final HTML and CSS files created in each exercise.
Exercise 0
Marking Up with HTML
FINISHED HTML FILE
https://ibat-web-dev.github.io/base-0.htmlExercise 1
Styling HTML with CSS
FINISHED HTML & CSS FILES
https://ibat-web-dev.github.io/base-1.htmlhttps://ibat-web-dev.github.io/base-1.css
Exercise 2
Responsive Web Design: Media Queries
FINISHED HTML & CSS FILES
https://ibat-web-dev.github.io/base-2.htmlhttps://ibat-web-dev.github.io/base-2.css
Exercise 3
Responsive Web Design: Fluid Typography
FINISHED HTML & CSS FILES
https://ibat-web-dev.github.io/base-3.htmlhttps://ibat-web-dev.github.io/base-3.css
Exercise 4
Lists and Bullets
FINISHED HTML & CSS FILES
https://ibat-web-dev.github.io/base-4.htmlhttps://ibat-web-dev.github.io/base-4.css
Exercise 5
Working with Google Fonts
FINISHED HTML & CSS FILES
https://ibat-web-dev.github.io/base-5.htmlhttps://ibat-web-dev.github.io/base-5.css
Exercise 6
Working with the Box Model
FINISHED HTML & CSS FILES
https://ibat-web-dev.github.io/base-6.htmlhttps://ibat-web-dev.github.io/base-6.css
Exercise 7
Colours and Web Design
FINISHED HTML & CSS FILES
https://ibat-web-dev.github.io/base-7.htmlhttps://ibat-web-dev.github.io/base-7.css
Exercise 8
Working with Hyperlinks
FINISHED HTML & CSS FILES
https://ibat-web-dev.github.io/base-8.htmlhttps://ibat-web-dev.github.io/base-8.css
Update the meta tags
In the <head> section of every HTML file, within the <author> meta tag, you can see the name 'Mary Smith.'
Replace this with your own name.
Update the Google Analytics ID
Near the top of every HTML file, just before the closing </head> tag, you can see a sample Google Analytics Tracking Code.
Each Google Tracking Code has a unique ID in its first and last line. Replace the sample Google Tracking ID with your own Google Tracking ID. The instructions for viewing your website’s unique Google Tracking ID are here.
Validate your HTML and CSS files
Before uploading your HTML and CSS files to GitHub, check them for any errors with the official https://validator.w3.org and https://jigsaw.w3.org/css-validator online validators.
With the CSS validator, ignore any errors such as those below that are related to the fluid typography equation.
Return to Contents.