Buscando Direcciones
(Finding Addresses)

Vamos a añadirle algunos enlaces a tu página inicial (baby homepage) que te ayudará cuando uses correo electrónico (electronic mail) con proveerte con varias maneras de conseguir direcciones y proveyéndote asistencia en línea para temas relacionados con el email. En el proceso, aprenderás sobre la importante técnica de crear "listas" en HTML. En particular, te enseñaremos como crear listas enumeradas, donde artículos en la lista están enumerados en secuencia y listas de artículos no son enumerados, pero cada artículo es precedido por un asterisco. También veremos como "encubar" una lista como segunda lista de otra.

Abre el archivo de tu página index.html en tu directorio personal con un editor. Copia el siguiente código de HTML con el ratón y pégalo en un lugar conveniente en tu archivo personal (estáte seguro(a) de pegarlo exactamente como está escrito aquí:

   <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://www.alabanza.com/kabacoff/Inter-Links/cgi/finger.cgi">  
Finger Gateway</a>:    
Fingering Individuals on the Internet (Forms Interface)  
<p> <li>  
</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://www.alabanza.com/kabacoff/Inter.Links/email/email.html">Email  
Guide</a>  
</ol>  
  
</ul>  
  
For a more extensive set of 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>

Guarda estos cambios en el archivo de tu página, apunta el navegador hacia tu página personal, y recarga. Debes tener como parte de tu página personal algo parecido a lo siguiente:

Nota que listas ordenadas en HTML comienzan con el símbolo <ol> y terminan con </ol>, mientras que listas sin números comienzan con <ul> y terminan con </ul>. En ambos casos, los artículos individuales en la lista son precedida por una <li>. Los párrafos nombrados <p> son opcionales en las listas; solo agregaron espacio adicional entre los artículos. El ejemplo anterior ilustra que listas pueden ser segundas listas de listas mas grandes.

En la lista de códigos HTML anterior, los espacios y puntos son puestos para ayudarte a ver la estructura de como las listas son encubadas dentro de otras listas. Las mismas HTML lee varios espacios como un solo espacio e ignora líneas en blanco, para que estas programaciones (formatting) son puramente para los humanos.

Entalla el ejemplo anterior a tu medida para tu página inicial; elimina cosas que no te gustan, cambia o añade palabrería, y añade mas enlaces a material relevante.