HTML Links Examples

• HTML Links Tutorial
• CSS Hyperlinks
• HTML Examples

This page contains examples of HTML links - examples of hyperlink-specific code that you can use for your own website.

To use the code, copy it straight from the text box and paste it into your own website. Feel free to modify it as required.

Code	Result
<p><a href="http://www.quackit.com/html/tutorial/html_links.cfm">Basic Link</a></p>	Basic Link

Code	Result
<p><a href="http://www.quackit.com/html/codes/html_open_link_in_new_window.cfm" target="_blank">Open link in new window</a></p>	Open link in new window

Code

Result

JavaScript Popup Window

More Info: JavaScript Popup Windows

Code	Result
<p><a href="mailto:homer@example.com?subject=I love your work!">Email Homer!</a></p> <div class="more-info">More Info: <a href="http://www.quackit.com/html/codes/html_email_code.cfm">Email Links</a></div>	Email Homer! More Info: Email Links

Code Result

Jump to a named anchor

There are two parts to named anchors. First, you need to set up the named anchor at the place you want the link to jump to. That will look something like this: <a name="myNamedAnchor"></a> Once you've done that, you can link to the named anchor using the page URL followed by a hash (#), then the anchor name. For more information, see the following links.

More Info: HTML Link Code, HTML Links Tutorial, HTML <a> Tag

Code	Result
<p><a style="color:green;" href="http://www.quackit.com/html/html_color_codes.cfm">HTML Color Codes...</a></p> <div class="more-info">More Info: <a href="http://www.quackit.com/html/codes/html_text_color_code.cfm">HTML Text Color Code</a>, <a href="http://www.quackit.com/css/properties/css_color.cfm">CSS Color</a></div>	HTML Color Codes... More Info: HTML Text Color Code, CSS Color

Code	Result
<p><a style="text-decoration:none;" href="http://www.quackit.com/css/properties/css_text-decoration.cfm">Text Decoration</a></p> <div class="more-info">More Info: <a href="http://www.quackit.com/css/css_hyperlinks.cfm">CSS Hyperlinks</a></div>	Text Decoration More Info: CSS Hyperlinks