Architectural Details Direct - 903-356-2158

TO ANOTHER PAGE USING TEXT AS THE LINK
<a href="destination.html">clickable text</a>
Example:
<a href="index.html">Home Page</a>
Home Page

TO ANOTHER PAGE IN A NEW WINDOW/TAB
<a href="destination.html" target="_blank">clickable text</a>
Example:
<a href="index.html" target="_blank">Home pg new tab</a>
Home pg new tab

TO ANOTHER PAGE USING AN IMAGE AS THE LINK
<a href="destination url"><img src="image url" align="left" alt="text" title="text" border="0"></a>
Example:
<a href="index.html"><img src="https://sep.turbifycdn.com/ty/cdn/vintagewoodworks/ei-promo-earlybird10.jpg?t=1734017684&" align="left"
alt="Example of Graphic pointing to Home Page" title="Example of Graphic pointing to
"Home Page" border="0"></a>

Example of Graphic pointing to Home Page

GRAPHICS AS LINKS TO GRAPHICS
1. Embedding graphics to the caption can cause the lost of size and detail to the graphic.

2. In order not to lose the details, using a link to a pop-up window with the larger version of the graphic is created.

3. The larger version of the graphic must first be save as a "popup" template. A. Click on "Section" and change template to "popup." B. Add html for "Close Window" to the caption both at the top and bottom. C. Between the "Close Window" commands insert graphic and add text on printing. (To print this page hold down CTRL + P keys.) D. Click "Update."

4. At the page where the smaller graphic was embedded into the caption, change the graphic to a link using following html code: <A HREF=javascript:testWindow('pop-up.html')><IMG src=image.jpg url ALIGN=right ALT=descriptive text BORDER=0></a>

5. Update page and test.

TO A POP-UP WINDOW USING TEXT AS THE LINK
<a href="javascript:testWindow('DestinationPage.html')">clickable text</a>
Example:
<a href="javascript:testWindow('cypress.html')">Cypress</a>
Cypress

TO A POP-UP WINDOW USING AN IMAGE AS THE LINK
<a href="javascript:testWindow('pop-upname.html')"><img src="image url" alt="text" title="text" border="0"></a>
Example:
<a href="javascript:testWindow('cypress.html')"><img src="https://sep.turbifycdn.com/ty/cdn/vintagewoodworks/ei-promo-?t=1734017684&
earlybird10" alt="link to pop-up window" title="link to pop-up window" border="0"></a>

TO A SPECIFIC POINT ON CURRENT PAGE (where the clickable link shows)
NOTE - View the next 2 lines in edit mode to see actual HTML coding.
(Order below) - use this HTML for the actual link.
- use this HTML just above the destination point.
Example:
<a href="#top>Top</a>
Top
NOTE: Clicking the blue "Top" link just above works because the destination point (top of this page) was given a name (Top) using Name Link command <a name="top"</a>.
More examples at A to Z Index

TO SPECIFIC POINT ON ANOTHER PAGE (Destination Page)
Use a #name assigned to a specific point on another page (Destination Page) to create a Name Link on the current page.

Example
<a href="faq2.html#patterns">Patterns</a>
At the A-Z Index, the above points to "Patterns" at "FAQ > Ordering > 3.(Patterns)"
This works because at FAQ > Ordering > 3.(Patterns)" a "#name" attribute of '#patterns' exist just above the destination point of "Patterns".

Newsletter Signup Browse Archives
RELATED PAGES
Graphics
Graphics, Alt & Title Attributes
Graphics, Embedded
Script, Javascript

Architectural Details Direct - 903-356-2158

Links

Newsletter Signup