Email Links and Links Within a Page

1. Email Links and Links Within a Page

2. <a name=“top”> </a> This is a different use of the <a> anchor tag; it simply gives a name to the specific point on the page where the tag occurs. The </a> tag must be included, but no text between <a> and </a> is necessary. An anchor is named point on a Web page. The same tag is used to create hypertext links and anchors (which explains why the tag is named <a>). Using Named Anchors

3. <a href=“#top”> Return to Index. </a> The # symbol means that the word top refers to a named anchor point within the current document, rather than to a separate page. When a reader clicks Return to Index, the Web browser displays the part of the page starting with the <a name=“top”> tag. Here’s an easy way to remember the difference between these two different types of <a> tags: <a href> is what you click, and <a name> is where you go when you click there. Using Named Anchors

4. You can even link to a named anchor on another page by including the address or name of that page followed by # and the anchor name. < a href=sonnets.html#131> You’re bossy, ugly and smelly, but I still love you. </a> Clicking You’re bossy, ugly and smelly, but I still love you brings up the named sonnets.html and goes directly to the point where <a name=“131”> </a> occurs on that page. Note that anchor names can be numbers, words, or any combination of letters and numbers. Linking to a Specific Part of Another Page

5. In addition to linking between pages and between parts of a single page, the <a> tag allows you to link your email address. This is the simplest way to enable readers of your Web pages to “talk back” to you. • An HTML link to my email address looks like the following: • <a href=“mailto:myemail@yahoo.com> Send me an email message. </a> • If you want people to see your actual email address, type it both in the href attribute and as part of the message between the <a> and </a> tags. Linking Your Email address Into a Web Page

6. HTML Tag and Attribute Covered

7. Write the HTML to make it possible for someone clicking the words “About the authors” at the top of the page to skip down to a list of credits at the bottom of the page. Suppose your company has three employees and you want to create a company directory page listing some information about each of them. Write the HTML for that page and the HTML to link to one of the employees from another page. Workshop

8. If your email address is bon@soir.com, how would you make the text “goodnight greeting” into a link that people can click to compose and send you an email. Workshop