Very
Simple
Web
Pages
 


Lessons

Exercises

SIMPLE EDITING

Tables on this page
Text on this page
Colors on this page
Links on this page
Picture on this page

 

   html code

 
 
 


Contact Us

29 May 05
 
Links
Universal Resource Locators

Two kinds of links are a good place to start for simple web pages: 
1) absolute URL text links; and 2) mailto links.

The absolute URL to this page is:
http://explorepdx.com/htmlinks.html
 
It sends any browser on the Internet to this page
and it appears in the html code this way:
<a href="http://explorepdx.com/htmlinks.html">
(a is "anchor"; href is "hypertext reference")

mailto:ppenn@pacifier
is the code that
opens up the email function of the browser, with my address in the address line.
It appears in the html code this way:
<a href="mailto:ppenn@pacifier.com>



Most of the links on this web site are relative links, not absolute links.  (This is done to make setting up links within the site easier to do.)

Look at the links in the column to the left.
The http://explorepdx.com/ part is missing from them.
In these relative links, the browser looks for the file named in the same directory as the file in which the link appears.

In the absolute link, the "http://" part tells the browser to go onto the Internet;
the "explorepdx.com/" part tells to browser to go to a "Domain Name Server" and get the Internet Protocol (IP) address for the domain name, "explorepdx.com." 
The IP address is a series of numbers and demical points.
 

There's more to the link: we have to identify what gets clicked on for the link to work. (It can be text, or a picture, or a part of a picture, the latter two being a little more advanced.)

If it's text, you identify the text to the html editor, and it will place that text between the "<a href =...>" part described above and a "closing tag," </a>

absolute:
<a href="http://explorepdx.com/htmlinks.html">Links</a>
Links

relative:
<a href="htmlinks.html">Links</a>
Links

.Go to here to see links imbeded in many parts of a graphic.