How to Create a Link Button for a Website

Customize your link buttons to match your website theme.

Use your favorite graphics program to create a unique text button, or color image button. Use the HTML hyperlink tag (<a>) along with your image to create a link button for your website. HTML links enable you to add interactive redirection to your website. Your link can be represented by diverse objects, including simple text or images.

Instructions

1. Open a graphics editor and create your image. Save it, for example, as "bestproduct.gif."

2. Open your HTML document in an HTML or text editor.

3. Type the following HTML code for including the image:

   <img src="bestproduct.gif" />

   The "src" parameter indicates the name of the image to display.

4. Type the start link tag "<a>" before the image code. Type the end link tag "</a>" tag after the image code to create a link.

   <a href="products.html"><img src=" bestproduct.gif" /></a>

   The "href" parameter indicates link destination.

Resources

• W3Schools: HTML links