| Markup | Output (font=Arial) | Attributes |
| Anchor Tags with Hypertext References for Creating Links | ||
|---|---|---|
|
To create a link to a different web
page, use the URL you want to go to as the value of
the href attribute.
<a href="http"//jpl.coj.net">JPL Home Page</a> |
JPL Home Page |
ATTRIBUTES incl.:
- href - id [+ name] - class - title - style NOTE: The "target' attribute has been disapproved - EVENT ATTRIBUTES are common in links. |
|
To create a link to a different
place on the same page, use the id of the target element,
but add # to it first. Headings and tables are
the most common internal targets.
<a href="#image_tags">Image Tags</a> |
Image Tags | |
|
To create an email link, just add
mailto:
before the email address. A separate
email-server window will usually open when the link is clicked.
<a href="mailto:cowforded@hotmail.com">Email Ed</a>
|
Email Ed | |
| Tag for Inserting Images | ||
|
The src (system resource controller) identifies the URL of the
image file. The alternate attribute supplies a
short description of the image, and is required
for non-visual browsers. It also provides a pop-up "tool tip" message.
<img src="jpl.gif" alt="JPL logo" />
Note that images can be used as links, as in this EXAMPLE:
<div style="text-align: center"> <a href="http://jpl.coj.net"> <img src="jpl.gif" alt="Visit JPL" width="60%" style="border: 0em" /></a> </div> |
|
ATTRIBUTES incl.:
- id [+ name] - class - title - style - height (px or %) - width (px or %) DISAPPROVED: align, border, hspace, vspace |
| For related information see
W3Schools'
introduction to image maps.
(For a more detailed explanation of image maps, see the article Implementing Client-Side Image Maps, but note that the examples pre-date XHTML so the tags and attributes are rendered in capital letters, and the "alt" attribute in the <img> tag is lacking.) |
||