1. HTM: Section 2 Hypertext Links Different section of same page
On page link
Different web page
Different web site
Links are underlined by the browser
Browser default color
New Codes
&#160 Space
&#183 Bullet (centered dot)

2. Classes – Grading – Appointment - Safety
HTM: Section 2
On Page Link
Single Web Page
Classes – Grading – Appointment - Safety
Classes
This is some text for this particular section of the web page. It has nothing to do with the link but is just information
Grading
This is some text for this particular section of the web page. It has nothing to do with the link but is just information
Appointment
This is some text for this particular section of the web page. It has nothing to do with the link but is just information
Safety
This is some text for this particular section of the web page. It has nothing to do with the link but is just information

3. Classes – Grading – Appointment - Safety
HTM: Section 2
On Page Link
Single Web Page
Classes – Grading – Appointment - Safety
Classes
This is some text for this particular section of the web page. It has nothing to do with the link but is just information
Grading
This is some text for this particular section of the web page. It has nothing to do with the link but is just information
Appointment
This is some text for this particular section of the web page. It has nothing to do with the link but is just information
Safety
This is some text for this particular section of the web page. It has nothing to do with the link but is just information

4. On Page Link HTM: Section 2 Origination (From) of link
Format
<a href=“#somelabel”>text</a>
“#somelabel” = name of destination
Text = heading of the link
</a> = end of tag
Destination (To) of link
Format
<a name=“somelabel”>text</a>
“somelabel” = name of destination
Text = heading of the link
</a> = end of tag
Go from one area on a page to another area
Note the # in the Origination HTML

5. I.
On Page Links
Page 2.04 – 2.10

6. Links to other same site pages
HTM: Section 2
Links to other same site pages
Home Page

7. Links to other same site pages
HTM: Section 2
Links to other same site pages
Origination (From) of link
Format
<a href=“somepage.htm”>text</a>
“somepage.htm” = name of destination file
Text = heading of the link
</a> = end of tag
Destination (To) of link
Page must exist in same folder
Go from one page to another page in the same web site
FYI: link to a file in the preceding folder
../somefile.htm

8. II.
Same Site Page Links
Page 2.10 – 2.21

9. Links to other site pages - Addressing
HTM: Section 2
Links to other site pages - Addressing
Absolute Path Name
Precise location of the file
Preceded by a forward slash /
Relative Path Names
Same folder: filename.htm
Previous folder: /filename.htm
Sub folder: subfolder/filename.htm
Origination (From) of link
Format
Same folder
<a href=“somepage.htm”>text</a>
Sub folder
<a href=“/somepage.htm”>text</a>
<a href=“/somefolder/somepage.htm”>text</a>
Previous folder
<a href=“../somepage.htm”>text</a>

10. Links to other sites on the Internet
HTM: Section 2
Links to other sites on the Internet
Origination (From) of link
Format
<a href=“
Examples
<a href=“
<a href=“
FYI:
Default page is index.htm or index.html if no HTML file is specified

11. Pages in a new window HTM: Section 2
<a href= target=“windowname”>text</a>
Opens the linked document in the named window (frames)
<a href= target=_blank>text</a>
Opens the linked document in a new window
Note: no quotation marks around the _blank
Works with any name of a non-existing window
Example: target=x

12. Email Link HTM: Section 2 Format
<a href=“mailto: address“>text</a>

13. LAB/Homework Assignment
Update Mr. Dube’s Web Site Pages 2.22 – 2.32
address to use:
Put “Test from WEB111A”
in the Subject line if you wish to send a test