Create a webpage that duplicates the following design
This lesson covers paragraph and headings.
Paragraphs and headings are both block level elements, meaning that they sit within a rectangular block on the page. Block level elements will always have a line break before and after, seperating them vertically from other elements.
3m 17s| Getting Started | |||||
| 1 | Introduction |  |
7m 40s | ||
| 2 | Basic Structure | |
6m 19s | ||
| Basic Elements | |||||
| 3 | Paragraphs and Headings | |
3m 17s | ||
| 4 | Images and Links | |
4m 48s | ||
| 5 | Ordered / Unordered Lists | |
1m 34s | ||
| 6 | Tables | |
6m 1s | ||
| 7 | Input Elements | |
3m 39s | ||
| Moving Forward | |||||
| 8 | div and span | |
4m 58s | ||
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
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.