Document Actions
Web Page Creation: Part 5, Creating Links Using HTML
Learn how to create different types of Web page links using HTML. This is the fifth of seven technical documents about how to create a Web page.
Making Text Links
An important aspect of using the Internet is being able to visit a page, visit all of that page’s links, and then visit all the links of those links. The World Wide Web would not really be a “web” if a Web page could not make links to other Web pages.
HTML uses the <A></A> tag to link pages. The attribute that is used to make the link is <HREF>, and the value of this attribute is the location of the file to which you want to link.
For example, create a link in your Web page document that points to the Texas A&M University Web site in the following manner:
Figure 1. Source code #1
Figure 2 show how source code #1 looks when viewed with a Web browser.
Figure 2. Source code #1 displayed on a Web browser
Notice that the word here is gray in color instead of black like the other text. This was caused by the addition of three attributes to the <BODY></BODY> tag
Important Terms
Attribute | Description |
|---|---|
| LINK | Specifies the color of all links on your Web page. |
| VLINK | Specifies the color for any link on the Web page that is in your browser’s history list (any link you have visited recently). |
| ALINK | Specifies the color of a link just as it is being clicked. |
In addition to the change in the color of the link, also notice that the link is underlined. Links are automatically underlined when rendered in a Web browser so that linked text can be distinguished from normal text.
Making Image Links
HTML does not limit you to just making text into links. An image can be used to link to other Web documents. Figure 3 shows an example of HTML code that accomplishes this:
Figure 3. Source code #2
Figure 4 shows how source code #2 looks when viewed with a Web browser.
Figure 4. Source code #2 displayed on a Web browser
For more general information on the use of attributes and designing your Web page with images, see Part 3 in this series, "HTML and Images."
If you would like to learn more about HTML, look at the other handouts in this series:
- Part 1, HTML Basics
- Part 2, Formatting Text
- Part 3, HTML and Images
- Part 4, Using HTML to Create Lists
- Part 5, Creating Links Using HTML
- Part 6, HTML and Tables
- Part 7, Web Directories and FTP Procedures
FOR MORE HELP
If you need more assistance, please feel free to ask the CIS Support Staff in any Open Access Lab, or call Help Desk Central at (979) 845-8300.