Tutorial 2 Links

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

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

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

Different Web Page Structures Make sure you read through the different structures on pages

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

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

Link to other documents on the internet sxu’s website 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

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

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