"Bringing understanding and awareness of eBay Stores"
eBay Store owners dedicated to sharing knowledge
and resources for a better shopping community
|
eBay Store owners dedicated to sharing knowledge |
Creating Links |
| HTML uses <a> </a> anchor tags to create a link to another document. The <a> tag is used to create an anchor to link from, the href attribute is used to address the document to link to, and the words between the start and end of the anchor tag will be displayed as a hyperlink. All links will start with <a href=> and will end with </a>. I will use various examples below, giving you the html code in blue with the actual text or image URL I use in the examples in red text. |
| To create a clickable text link that opens in the same browser window <a href="http://www.ebay.com/">Click here</a> to go to eBay Will look like this: Click here to go to eBay The text inbetween the anchor tags is now a hyperlink. If you notice your cursor is an arrow, but when you move it over the hyperlink text, it becomes a hand. And if you click on the text, it now brings you to the eBay.ca website. |
| To create a clickable text link that opens in a new browser window <a href="http://www.ebay.com/" target="new">Click here</a> to go to eBay Will look like this: Click here to go to eBay This is the same example as above, but when the hyperlink is clicked, this will open a new browser window, try it. |
| To create a clickable image link that opens in the same browser window <a href="http://www.ebay.com/"><img src="http://www.doors2stores.com/images2/getit.jpg"></a> Will look like this:  The image inbetween the anchor tags is now a hyperlink. If you notice your cursor is an arrow, but when you move it over the picture, it becomes a hand. And if you click the picture, it now brings you to the eBay website. |
| To create a clickable image link that opens in a new browser window <a href="http://www.ebay.com/" target="new"><img src="http://www.doors2stores.com/images2/getit.jpg"></a> Will look like this: This is the same example as above, but when the hyperlink is clicked, this will open a new browser window, try it. |
| To create a clickable image link without the border and including the alt tag <a href="http://www.ebay.ca/"><img src="http://www.doors2stores.com/images2/getit.jpg" border="0" alt="Click here to go to eBay"></a> Will look like this:
This was as simple as adding a border="0" after the image properties and before you close the tag. I would also strongly suggest that you also add an alt tag and if you hold your cursor on the image, you see the alt tag text. You may also want to add text very close to the image, that it is required to click the image to go to wherever you are sending them, to distinguish this from any other pictures you may have. |
| Return |