Where do you place the code to associate a Web page with an external style sheet ?

How do you add a background color for all <h1> elements?

How do you display a border like this :

The top border = 10 pixels 
The bottom border = 5 pixels 
The left border = 20 pixels 
The right border = 1pixel

Perform as instructed below.

(a) Create an HTML file namely index.html file with following guidelines :

x Make sure there are at least 2 paragraphs (<p>) in your HTML file 
x Use h1, h2 and h3 headings
x Use a numbered and a bulleted list
x Use a table
x At least 4 hyperlinks

(b) Link to an external style sheet namely personal.css from your index.html file.

(c) Create a CSS document called personal.css (Make sure you save as type .css) with rules for the following :

x Have your h2 headings :
    (a) Appear in a color of your choice
    (b) Be centered on the page (text-align: center;)
    (c) In the Serif font family of your choice
x Double the H1 headings size (relative font size)
x For paragraphs
    (a) Specify a font family and font size.
    (b) Give a background color with 5 px padding on each side
x For tables
    (a) Specify a border of width 3px
    (b) Table heading in bold
x Remove the underline in your links.

(d) View the html file in a browser

(e) Create another CSS file with different style rules for above mentioned elements and then link index.html to this CSS file. Now view index.html and see the change.