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 it. Always 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
|
