Mlynskey2/Tabs

Step One
'''Page is a work in progress. Not complete.'''

First we will set up the html pages we need. Below is the code to create index.html, which contains an un-ordered list of the pages we will create. These will later become our tabs.

In the above code, I have enclosed the list of pages in a div. This div has the class "header", just to let us know that this is in the header of the page. This will serve a purpose that we will see when we write our CSS.

Go ahead and create the other pages:. Copy and past the above code into each of the pages, and change their titles to their respective names in the  tags. E.g. for, the title would be.

Step Two
Now we have our pages. Each should be identical, containing a list of links to our pages. Next we need to style the list by creating an external style sheet.

Create a CSS document containing the following code: