Lesson 4: Adding Links

Step 1: Adding Links to Other Websites

• To create a link, first highlight the text you want to link from. We will create a link to Thomas.

1. Start by highlighting the word "Thomas" at the end of the Slip Laws section.
2. Type the URL that follows it (http://thomas.loc.gov) into the "Link" textbox on the Toolbar.
3. The text should now appear blue and underlined. You can now delete the URL from the text.

4. Repeat these steps to create links for "LEXIS", "WESTLAW", "GPO Access", and "Legal Information Institute", located at the end of the page. Remember to delete the URL from the text when you have created the link.

• Note: If you make a mistake creating a link, to remove a link, simply highlight the text again and delete the URL from the Link textbox in the Toolbar.

Step 2: Adding Links to Other Pages

• Now we will add links to other pages within our own site. In your folder should be a webpage called "codes.html", which was included with the zip file that you downloaded earlier. We will create a link to this page.

1. Highlight the words "codes section" at the end of the United States Code section, near the end of the page.
2. You can enter a link to another page in your website in two ways.
– If you know the name of the page, you can simply type it into the Link textbox in the URL (in this instance, codes.html).
– If you don't know the name of the page or if the page is located in another folder, you can click on the folder icon on the right of the Link textbox to search for the page. Navigate through your directory until you find the page you want to link to (codes.html), and then click on the file and click "Select".

Step 3: Adding Links to Sections Within the Same Page

• Creating links to sections within the same page requires one extra step than the other links. We must first create an invisible anchor (also known as a bookmark) in the page so that the browser knows where to jump to. Then we will create links to these subsections.

Adding Anchors

1. We will add an anchor to the beginning of each subheading (Slip Laws, etc.) To add an anchor, first click on the little black arrow on the Objects Toolbar, next to "Common". Choose "Invisibles" from the dropdown that results.

2. Click in front of where you want the anchor/bookmark to be placed, in this instance, the "Slip Laws" subheading.
3. Click on the Anchor icon on the Objects Toolbar. A pop-up will ask you to name the anchor. Name this anchor "slip" (without the quotation marks). Click OK.
4. A yellow anchor should now appear in front of Slip Laws. If you click on the anchor, the Toolbar will reveal that it is named "slip".

5. Repeat these steps for the next three subsections, placing the anchor in front of the subheading. Name the anchor for Advance Session Law Services "advance", the one for Statutes at Large "statutes", and the one for United States Code "united".

Creating Links to These Anchors

1. We will now create links to these subsections from the contents list on the top of the page. First, highlight "Slip Laws" at the top of the page. (It should be part of a bulleted list.)
2. In the Link textbox on the Toolbar, enter "#slip". The # indicates that the link is to an anchor. (Tip: If you wanted to link to an anchor on another page, you would enter "pagename.html#anchorname" instead.)
3. Repeat these steps for the next three subsections, using the anchor names given above.

Step 4: Adding Links to E-mail Addresses

• You can add links to text so that clicking on the link will enable the user to send e-mail to a certain e-mail address.

1. Go to the bottom of the page. Find the last line that says "Page created by Michael Levy".
2. Highlight "Michael Levy".
3. In the Link textbox on the Toolbar, enter "mailto:mlevy@law.berkeley.edu". Use "mailto:" to link to e-mail addresses.
4. "Michael Levy" should now be linked/underlined.