1. Tutorial 2 Links

2. Hypertext links are used to…. Point to a different section on the same page Point to a different web page Point to a variety of different web objects

3. Links within the same page First we need to mark the destination text with an anchor This is done by putting before the destination text, and after In this example name is the name of the anchor

4. Then we need to create a link, identifying the anchor that goes with this link Classes Now when a user clicks on this link he will be directed to the anchor and the destination text Note that the # is NOT optional

5. Different Web Page Structures Make sure you read through the different structures on pages 2.12-2.14

6. Linking to Another Web Page Contact me produces the text “Contact me” identified as a link Clicking on this link will send the user to the page contact.htm In this example contact.htm MUST be in the same folder as the original web page

7. Suppose the link is on your page which is located in the folder C:\Homework, but the page you want to link to is located in C:\labwork\junk You must now create the link by writing Contact me

8. Link to other documents on the internet sxu’s website http://www.sxu.edu If you want it to open in a different window: hypertext Window is the name of the window – it can be anything. If the windows are the same name, the pages will all open in the same window – so you get different windows by using different names

9. computer science majors links to an anchor called majors on the webpage called cs.html which is on sxu’s website, www.sxu.edu See page 2.29 for instructions how to create a link to an email address.

10. Labwork: When complete, upload all to your private directory on csmaster and email me the links. (one link per case) Complete the tutorial page 2.03- 2.22. Case 1. Case 2 Homework: Due Sat 11 th Sept at midnight Case 3