HOME
   HTML TUTORIALS
   HTML EDITOR
   COLOR CHART
   TEMPLATES
   RESOURCES
   PROMOTION
   HOSTING
 
 
 
   SEARCH
   LINK TO US
 

Do you find this website helpful?
Help us by making a donation.
All donations go back to promote ebay stores.


 




Cash Register, POS, Credit Card Printer Ink Ribbons
 

 

 

 
 
 




Links:
We will cover the most common links used for eBay auction and ME pages.
 

URL:

Universal Resource Locator.   Fancy name for address.  All files on the internet have an address, that's how we locate them.  If the file is a public file such as a website, you will have access to it.

Lets break down a URL:

We will use, http://xample.net
The first part, http stands for the type of protocol, in this example, Hyper Text Transfer Protocol, this is used to access a web page.  Next we have, xample, this is the domain name with an extension of .net, other extensions are, .com, .org, .us, .ws and many more.  That's the basic address to a domain, after .net we start to access folders within that domain. 

http://xample.net/images/mypicture.jpg

After .net we have a front slash/ then we have a folder name, images, another front slash then the actual file, mypicture.jpg, jpg is the graphic format.  That's all there is to itAlways use absolute URL's (http://xample.net/images/mypicture.jpg) when constructing a link.

Mail link:

Email links are done in the following format.
mailto:tozo@xample.net
Most email to a domain is setup to accept any name prior to the @ sign, this is referred to as a catch all.  So, if I mail, sam@xample.net it will still be received, in this case tozo will receive it :-).

Text link:

All links start with the <a and end with </a>, the contents inside the quotation marks point to the document or place on a page you are pointing to.  As an example, the following link is pointing to this page.  The text that is displayed on the page is
 BASIC HTML 

<a  href="http://xample.net/html5.htm">BASIC HTML</a>

Any text between the > and< will be displayed on the page.

Using a graphic as a link:
 

This graphic is linked to this page, but we could link it to anywhere.  Here is the code.
<a href="http://xample.net/html5.htm">
<img src="http://xample.netimages/icon.jpg" border="0" width="40" height="40"></a>

We have the link portion first, <a href="http://xample.net.html5.htm"> this is where the link is pointing to.  Then we have the image source,
<img src="http://xample.netimages/icon.jpg" border="0" width="40" height="40">

Linking to a specific auction:

View my auction

Go to the auction page that you want to link to, in the address window of your browser is the address of the auction, highlight the address, copy (CTR+C) then paste (CTR+V) the address in your link.  Example, start with <a href=" then paste the address, then close the tag with "</a>
<a href="http://cgi.ebay.com/ws/eBayISAPI.dll?ViewItem
&item=2530571340&category=11892&rd=1
">View my auction</a>

Linking to all of your auctions:

View My auctions

<a href="http://cgi6.ebay.com/ws/eBayISAPI.dll?
ViewSellersOtherItems&userid=sellerID
">View My auctions</a>

Again just copy and paste the address.  Start with <a href=" paste the address here, then put your text here >View My auctions< then close the tag </a>

If you want a picture to be the link, construct the link first then put the image source tag after.

Link to open in new window:

To have a link open in a new window we add the "target" attribute.
<a target="_blank" href="index.htm">Visit xample.net</a>Visit xample.net</a>

Anchor tag and name attribute:

This is very handy in a long document, rather than have the viewer scroll down a page we can link to area's within the page.  Look at the following example, we want to link to the text "URL" it's at the top of this page

<a  href="#URL">URL:</a>


URL:  <--Click it,

See, it takes you to the URL text near the top of this page.  Ok, so you took the viewer to a place on your page, it's best to have a return link near where you took them.  Generally I link from the top of a page to content lower on a page and put a "Top of page" link back to the top of the page.  Here is how we do that.

<a name="top" href="#">Top of page</a>

Top of page  <--Click it to see the result.

Next lesson:

Images-->
 


Tozo
5-9-2003


 
 

Google



Home | HTML Tutorials | HTML Editor | Templates |  Resources | E-mail
 Copyright 2004 - 2008 xample.net

 
 



More help sites

 
Need Help?
checkout
Bob's
Tips


 

Lesley Feeney
Resources