90 likes | 212 Views
Hyperlinks. Internet Basics & Beyond Mrs. Wilson Rocky Point High School. Inserting Hyperlinks. Hyperlinks are links that take you to another page or web site or within our own web site or page. Anchor tags have a starting (<A>) and an (</A>) ending tag.
E N D
Hyperlinks Internet Basics & Beyond Mrs. Wilson Rocky Point High School
Inserting Hyperlinks • Hyperlinks are links that take you to another page or web site or within our own web site or page. • Anchor tags have a starting (<A>) and an (</A>) ending tag. • You create them by using the code below: <a href="http://www.thepage.com">Name of link</a> • The “a” means “anchored” and is the element and the attribute is the “href”
Other attributes • Another attribute is TITLE, through which you can provide some explanatory text for that link. • Netscape ignores this attribute. • To see this attribute in action, mouse over the link. • Its code is: <a href="http://www.house.com" title="This takes you to house’s web page">Homepage</A>
About Hyperlinks • In most Internet documents, “unvisited” hyperlinks will be blue in color. • After the hyperlink has been activated or “visited,” its color should be changed to purple. • These are the default colors, but they can be changed.
“anchor” tag • Most often, a hyperlink will jump to the beginning of another document. • To do this, a pair of “anchor” (A) tags is required <A HREF="URL">text or graphic image</A> defines an “anchored hypertext reference” • The URL is the web address such as http://www.rockypointschools.org
Hyperlink within a document… • Sometimes a hyperlink will jump to a certain location within another document, or even within the same document containing the hyperlink. • This is called a “BOOKMARK” • In this case, two pairs of “anchor” (A) tags are required
Bookmarks • Bookmarks on a page are very easy to make as they also use the <a> tag. Instead of changing the href variable you use the name variable. For example: <a name="top">The First Text In The Page</a> • Will create a bookmark called top in the text which the tag surrounds. An image can also be contained in this tag. You can then link to this using a standard hyperlink: <a href="#top">Back To Top</a> • You can name bookmarks anything you like. Bookmarks are very useful on pages which are very long as they can be used to quickly go to another part of the page.
Types of Paths… • Absolute pathnames • Refers to the full URL designation for a file. • Relative pathnames • Refers to file name construction based on the relationship of the file being linked from to the file being linked to.