HTML and CSS (navigation bar)

Question 1

Place the html in a seperate .CSS stylesheet and reference it as:

<link href="url to stylesheet.css" rel="stylesheet" type="text/css">

To use the ul and li tags you would write something similar to this:

<ul>

<li>
            <a href="#">Item 2</a>
            <ul>
                <li><a href="">Sub Item 1</a></li>
                <li><a href="">Sub Item 2</a></li>
                <li><a href="">Sub Item 3</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Item 3</a>
            <ul>
                <li><a href="">Sub Item 1</a></li>
                <li><a href="">Sub Item 2</a></li>
                <li><a href="">Sub Item 3</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Item 4</a>
            <ul>
                <li><a href="">Sub Item 1</a></li>
                <li><a href="">Sub Item 2</a></li>
                <li><a href="">Sub Item 3</a></li>
            </ul>
        </li>   
    </ul>

Question 2

Place your css in a separate file and use the following directive to make it accessible in each page:

<link href="url to stylesheet.css" rel="stylesheet" type="text/css">

Question 3

Create a CSS file and link it to your HTML file.

Question 4

Add your css in separate .css file and call it in html file

<!DOCTYPE html >
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" /> 
</head>
<body>
</body>
</html>