A Hyperlink Icon A Hyperlink is a linkLINK

A link can be a word or phrase, or an image or button, that connects or links the user to another page or another Web site when clicked.
on a Web page that when clicked connects to a page on another website, another page on the same Web site, or a specific location or anchorANCHOR

An Anchor can be a bookmark or reference point inside a Web page. As a bookmark, an anchor is not visible to a visitor to the Web page. An anchor also refers to a tag that links to another location.
on the same page. The <a> tag defines an anchor and can be used to do two things:

The href attribute, or hyperlink reference, specifies the destination of a link, which can be external or local.

The short 4 minute YouTube video below shows you how to quickly create hyperlinks using Windows Notepad.

Example of an External Link or Absolute Address to another site:
<a href="http://www.scf.edu/" target="_blank">SCF</a>
The above code uses the complete Web address path, including the http protocol.
target="_blank" opens a new browser window, so the current page is not closed.

Examples of a Local Link or Relative Address to the same site:
<a href="Resume.htm">Resume</a>
The above code links to a file in the same folder on the same Web site.
<a href="products/Monitors.htm">Monitors</a>
The above code links to a file in a different folder named products, which is on the same Web site.

Examples of setting an Internal Link to an Anchor or Bookmark or IDID

An ID can define a location in a Web page or more commmonly it can define a division in a Web page. No two elements can have the same ID value (name) in a Web page.
on the same page:
<a name="Ch1">Chapter 1</a>
The above code sets an anchor or bookmark named Ch1 on the same Web page.
<h1 id="Ch1">Chapter 1</h1>
The above code to sets an ID named Ch1 on the same Web page.
(Note: An ID name can only be defined one time per page; each ID name must be unique.)

Below is an example of code to link to an anchor or bookmark or ID named Ch1, on the same page:
<a href="#Ch1">Chapter 1</a>

Examples of an Email Link to an email address:
<a href="mailto:yourFirstName@domain.com">Email me</a>
An email link with a default Subject:
<a href="mailto:yourFirstName@domain.com?Subject=Inquiry">Contact Us</a>

For more HTML code samples see: www.w3schools.com
For other resources and tutorials see: quackit.com and htmlquick.com

Validation checks the syntax of your file, looking for both errors and possible issues when viewing your page in a browser. Some of the problems reported are missing end tags, missing characters, invalid attributes, incorrect nesting of elements...
 your file, see: http://validator.w3.org

Many webweavers open the Notepad window on the left sideSetting Screens

In Windows 7, you can tap [Ctrl] + [left arrow] to automatically set the active window to occupy the full left half of the screen.
of the screen and have the browser window open on the right side of the screen. Once both windows are displayed, you can tap [Ctrl] + [S] to save your Notepad edits and then in the browser window click Refresh or [F5] to see the current results.

Review Assignment Learning Project: 10 Practice Review Steps

Return to Menu   Top