HTML Quickstart with Rob Tietje

Create a webpage that duplicates the following design

birdwatching.css

Download the attached CSS file and put it in the same folder as the HTML file you created for the previous assignment.

Add the following line of code to the head section of your page to include the stylesheet

<link rel="stylesheet" href="birdwatching.css" />

Notice how by just adding the stylesheet the colors change. No modification of the content was necessary.

Extra: If you would like, take a look at the stylesheet and try to match how it is applying styles

Suppose you want to emphasize the fact that California Quail can be found at Cabrillo National Monument. You can you use em tag around the text to do just that.

Try the following inline elements tags around California Quail to see the different effects

• em - emphasis
• strong - important
• i - italic
• b - bold

You might notice that some seem to have the same effect based on the browser's interpretaion, but semantically they are different. While emphasize means to make stand out, italic just means make it italic for whatever reason. em is more specific.