back to the Agenda | Assignment #3
Making Lists and Links
There are many occasions when you would like to display a list. The first type is an unordered list. The Computer Science electives for next year are displayed below:
There are several things to notice in the source code. First notice the formatting. Again this is the correct style for lists. Each entry is tabbed over. The white space that is before the list in the source code helps it to stand out. Also notice there is no /li tag. Each item in an unordered list is bulleted. If this list were ordered, the bullets would be replaced with numbers.
An ordered list is numbered by default. It can have unordered (see below) or ordered sublists. It is possible to do outlines very nicely with lists.
If each course was described on a different page, the items in the list could be made into links. Look at the code to see how easy it is to do this.
The "a" in the tag stands for anchor and the "href=" is for hypertext reference. It is easiest if the files that are being linked too are in the same folder as the page source.
Another way to use a link in a list is to move to another part of the same page. Go to this page to see how.
Create a new page in Notepad and save it as a3.htm in your HTML Assignments folder. Choose one of the interests you mentioned in Assignment 2and make a link from that interest to the new page. Title the new page "Assignment 3". For the interest that you have chosen, make a list of at least three special words, ideas, etc. associated with that interest. For example, if you are interested in music, the list could be of your favorite bands. Use either an ordered or unordered list, whichever seems more appropriate. Link each item on the list to a paragraph about that item.
Finally, put a link on Assignment 2 to Assignment 3 where it is appropriate (at the mention of the interest described on page two.)