1. Kevin Murphy Lists, Links and Anchors Masters Project CS 490

2. Kevin Murphy Lists n Unordered or bulleted lists n Ordered or numbered lists n Definition lists n Nested lists

3. Kevin Murphy Unordered or Bulleted Lists n Each list begins with the tag n Each list ends with the tag n Each list item has a tag n Each item is indented and bulleted -3 bullet types—disc, circle, square -Disc is default bullet -Change:

4. Kevin Murphy Ordered or Numbered Lists n, n -TYPES=A, a, I, i, 1

5. Kevin Murphy Examples Mailing Lists Newsgroups The first step is... The second step is...

6. Kevin Murphy Definition or Glossary Lists URL Uniform Resource Locator ISP Internet Service Provider

7. Kevin Murphy Nested Lists Fresh Seafood Crab Alaskan King Washington Red Halibut Vegetarian Dishes

8. Kevin Murphy Links Links are a distinguishing feature of the World Wide Web. You can use them to move from page to page, call up a graphic, sound file, or even a movie, and download files. Samples: Label text Label

9. Kevin Murphy Anchors Clicking on a link generally takes the user to the top of the linked page. Anchors are needed to jump to a specific section of a Web page. (Description)

10. Kevin Murphy Links & Anchors n Link—Provides text or an object that the user can click and the user’s display automatically “jumps” to the pre-programmed location. - Crab (HREF stands for Hypertext Reference) n Anchor—Location the user’s display jumps to when the Link item is clicked. - (A heading, etc.)Crab

11. Kevin Murphy Creating Links Hints n Rather than typing a complicated URL, go to that Web page in your browser, copy the URL in the location box, return to your code, paste the URL directly into the HTML document. n It is usually best to write the text for a page first. Then, highlight appropriate words from the text to use as links.

12. Kevin Murphy Another Suggestion n Use descriptive text, rather than Click Here, in your links to give the user info on which to judge interest in pursuing the link. -Click here to see good design. (Bad example) -The Tri-City Florists Web site received the 1999 Great Design Award from WebMaster Magazine. -The WebMaster’s International Web site has a tutorial on Web design basics.

13. Kevin Murphy Problems? If a Link doesn’t work,... n Make sure the name of the file in the HREF tag matches the name of the file on the disk. n Make sure upper and lowercase match since links are case sensitive n Make sure both of the files are in the same directory. n Check that the link is closed with an tag. n Make sure that “ “ surround the filename.

14. Kevin Murphy Next... n Watch a demonstration of creating lists and links in an HTML document. n Try it—Enhance a Web page by adding the proper HTML codes yourself.