HTML | Finding Addresses 		Next

Finding Addresses

Let's add some links to your baby homepage that will aid in using electronic mail by providing ways to find addresses, and by providing on-line assistance for topics related to email. In the process, we will introduce the important technique of creating "lists" in HTML. In particular, we will see how to create numbered lists, where items in the list are numbered sequentially, and un-numbered lists, where items are not numbered, but each is preceded by a "bullet" symbol. We will also see how to "nest" one list as a sublist of another.

Homepage Exercise

Open your homepage file index.html in your home directory with an editor. Copy the following HTML code with the mouse and paste it into a convenient place in your homepage file: 

   <h2> Electronic Mail </h2>

Here are some links that will help in finding internet 
addresses for individuals, and in determining the 
physical locations of domain names.

<ul>
<li>
Finding Email Addresses
<p>
<ol>
<li>
<a href=
"http://alabanza.com/kabacoff/Inter-Links/cgi/whois.cgi">
Whois Gateway</a>: 
Physical Location of IP Domains (Forms Interface)
<p><li>
<a href=
"http://alabanza.com/kabacoff/Inter-Links/cgi/finger.cgi">
Finger Gateway</a>:  
Fingering Individuals on the Internet (Forms Interface)

</ol>
<p>
<li>
Electronic Resources for Email
<p>
<ol>
<li><a
href=
"http://www.cs.indiana.edu/docproject/zen/zen%2d1%2e0%5ftoc%2ehtml">Zen
and the Art of the Internet</a>
<p>
<li><a href=
"http://alabanza.com/kabacoff/Inter-Links/email/email.html">Email
Guide</a>
</ol>

</ul>

For more links to information about addressing and electronic mail, 
see these <a href=
"http://csep1.phy.ornl.gov/guidry/internet_resources/browsers_email.html">
electronic mail resources.</a>

Save these changes in your homepage file, point the browser to your homepage, and reload. You should then have as part of your homepage something like the following:


Electronic Mail

Here are some links that will help in finding internet addresses for individuals, and in determining the physical locations of domain names.

For more links to information about addressing and electronic mail, see these electronic mail resources.

Notice that ordered lists in HTML begin with the symbol <ol> and end with the symbol </ol> , while un-numbered lists begin with <ul> and end with </ul>. In both cases, the individual items of the list are preceded by a <li>. The paragraph tags <p> are optional in the lists; they just insert extra space between items. The above example illustrates that lists can be sublists of larger lists.

In the preceding HTML code listing, the spacings and indentations are put in to help you see the structure of how lists are nested inside other lists. HTML itself treats more than one space as a single space, and ignores blank lines, so these formattings are purely for the humans.

Now Customize

Customize the preceding example for your homepage: remove things that you don't like, change or add wording, and add more links to relevant material.

Next