Expression® Web Design

Create a Hyperlink

Wednesday, January 09, 2008
To create a hyperlink in Expression Web, highlight the text you wish users to see as a hyperlink.  Now you can either hit CNTL-K, hit ALT -> I - > I, or go to Insert -> Hyperlink.  Now the Hyperlink Properties dialog box will be seen.  You can locate the file in your Expression Website that you wish to link to and this file can have pretty much any extension (asp, htm, html, shtm, shtml, php, phtm, phtml, jpg, gif, aspx, gif, zip, pdf, etc.) or you can enter the URL enter the address text box.

In the source code, you will see something like

<a href="aboutus.html">About Us</a>

There are a few attributes that you could add to your anchor element (hyperlink) besides the href.

Open a New Window

Target Frame Dialog BoxThe easiest way to have the hyperlink open in a new window is to hit the Target button while you are in the Hyperlink Properties.  While you are in this window, you can choose New Window.  This will add another attribute to the anchor (hyperlink).  You should see something like

target="_blank"

in your source code.  This code will validate if you are using the transitional DOCTYPEs.  However, if you are using strict DTDs, you might consider looking at How to Make a Link Open into a New Page for ways to have your hyperlink open in a new window and still have valid code.

Linking to a PDF or Other File

Link to a PDF in Expression WebAt times, you might want to link to a file that is a PDF or other file type.  If this file in your Expression Website, you can locate the file with your Hyperlink Properties and choose it just like you would an HTML file. 

In the source code, you will see something like

<a href="pdf/test.pdf">Our PDF</a>

And this will link to PDF file.  The user will need Adobe Reader to view the PDF, which can be downloaded at no charge.

DeliciousDigg This PostNewsvineRedditTechnorati

Comments

Name
URL
Email
Email address is not published
Access Code secureimage
Please enter the access code
Remember Me
Comments




Join My Community at MyBloglog!



Feeds