Lesson 4 HTML LINKS

Link, Adding Hyperlink to Text and Image, Creating E-mail Hyperlink, and Link to Specific Section

A LINK means connection. This is the remarkable feature of WWW that allows the viewers to quickly jump from one page to another. This is also known as hyperlink.
Link, Adding Hyperlink to Text and General Format: Image, Creating E-mail Hyperlink, and <a text</a> Link tohref=destination>clickable Specific Section

COMPOSITION <a>

DEFINITION
The tag used to create hyperlink. Horizontal reference. Attribute of <a> tag that is used to specify the path or URL of the

href

Destination can be filename of the web page Destination the web site or another web site. Link, Adding Hyperlink towithin Text and email address, section name within the page. Image, Creating E-mail Hyperlink, and This can be text or image that user may click Clickable Link to Specific Section to quickly jump to another destination. Clickable has a default underline. Image is surrounded by blue border.

</a>

It is used to close the definition of the link.

In designing HTML documents, references can be made to the same page or into another depending on what attributes the anchor tag has. The anchor tag can also be linked to a file (sound, movie, zip etc.). An anchor tag has the Link, Adding Hyperlink to Text and following attributes and values: and Image, Creating E-mail Hyperlink,
Link to Specific Section

Href the address that the link will go when clicked. Target the manner which the browser will display it. Values: blank the target URL will open in new window. _self the target URL will open in the same frame as it was clicked. _parent the Hyperlink target URL will openand in the parent frameset. Link, Adding to Text Frames be discussed inHyperlink, succeeding lessons. Image,will Creating E-mail and _top the target URL will open in the full body of the Link to Specific Section window. Name defines an internal bookmark of the page. This is for linking to a specific part of the page.

To make a hyperlink to www.yahoo.com using the same browser window: <a href=http://www.yahoo.com target=_self>Yahoo</a> To make a hyperlink to www.yahoo.com using a different browser window: <a href=http://www.yahoo.com target=blank>Yahoo</a> To make an internal named anchor on the HTML document: <a name=#sample> To a make a hyperlink to this tag: <a href=sample>This is an internal link to the page</a>

To make an image hyperlink: <a href=../images/definitionlist.html><img src=../images/globebig.gif width=45 height=45></a>

Working with images will be discussed in succeeding lessons.

Just simply follow this syntax sample:

<a href=mailto:alon519@yahoo.com>Feel free to e-mail me</a>
Link, Adding Hyperlink to Text and What you think will happen if you click an Image, do Creating E-mail Hyperlink, and e-mail hyperlink? Link to Specific Section

1. Type the source codes that are displayed on the succeeding slides in your Notepad. 2. Save your work as html document with the filename: link.html 3. Be sure to save it within your folder. 4. Happy working!

What is a form?
Describe the function of the following form elements:

One-line text box Check box Radio button Link, Adding Hyperlink to Text and Scrolling text box Image, Creating E-mail Hyperlink, and Drop-down menu Link to Specific Section Push button