Sistema operativo Ubuntu 9.04

Introduccion al software libre

Historia: En 1971 las personas que hacian uso de ella creaban y compartian el software sin ningun tipo de restricciones.

Richard Stallman trabajador del laboratorio de Inteligencia Artificial del MIT se percato que la sociedad estaba cambiando peligrosamente.

Richard Stallman decidio arreglar el problema, e implementar el envio de un aviso por red cuando la impresora se bloqueara.

En ese preciso instante, Richard Stallman se vio en una encrucijada, debia elegir entre aceptar el nuevo software privativo y acabar desarrollando mas software privativo.

Inicio su proyecto para intentar formar una comunidad de personas.

El proyecto fue denominado GNU, su finalidad es la construccion de un sistema operativo compatible con UNIX, pero completamente libre.

Para tener un sistema completo solo construido con software libre necesitaba un componente: el nucleo, viniendo en el el 386bsd y gnu/linux.

1) 386BSD: 

La comunidad BSD estaba tambien en camino hacia un nucleo libre.

El desarrollo es rapido y a finales de año ya es estable como para ser usado en produccion entornos no criticos.

2) GNU/LINUX

Linus Torvalds estudiante de informatica  de la universidad de Helsinki decidio realizar una inversion de $3500.

Linus torvalds queria plasmar el espiritu cientifico en su trabajo, ya que se estaba basando en ideas de otros. Como su intencion era conseguir que otras personas lo ayudasen a mejorar Linux.

En 1990 el software libre ofrece ya entornos completos que permiten el trabajo diario de mucha gente sobre todos de desarrolladores de software.

Unas distribuciones han sido sucediendose a otras como las mas populares:

1. Debian
2. Red hat linux
3. Suse
4. Mandriva
5. Ubuntu

SOFTWARE LIBRE

No tiene porque ser gratuito, es posible hacer negocio con este modelo.

Un programa libre debe ofrecer las siguientes 4 libertades:

1. Libertad para ejecutar el programa
2. Libertad para modificar el programa
3. Libertad para redistribuir copias
4. Libertad para distribuir versiones modificadas del programa.

VENTAJAS:

Software libre se puede adquirir bajo precio o gratuitamente.

Las ventajas son:

• La disponibilidad del codigo fuente y la libertad para modificarlo.
  Software libre no es equivalente a software de calidad, pero si ofrece un mejor camino para alcanzar dicha calidad.
• La comunidad de software libre se caracteriza por solucionar sus problemas de seguridad en cuestion de horas, al contrario de muchas empresas de software privativo.
• Los programas libres pertenecen a todos.

DESVENTAJAS:

• En proyectos libres no hay garantia de que el desarrollo ocurra.
• Puede haber problemas en torno a la propiedad intelectual.
• Es dificil en ocasiones saber si un proyecto existe y conocer su estado actual.

UBUNTU 9.04Es un sistema operativo libre creado alrededor del nucleo linux.VERSIONES:

• Version 8.04: Es la primera version que incluye el instalador e instala ubuntu con un programa de windows sin necesidad de hacer alguna particion.
• Version 8.10: La posibilidad de crear un live usb y una cuenta invitado.
• Version 9.04: Una de las principales mejoras que tiene es la disminucion del tiempo de inicio del sistema, arranca en menos de 25 segundos.

CARACTERISTICAS:

• Debian, conocida por su gestor de paquetes que facilita la instalacion de miles de aplicaciones de forma sencilla, rapida y eficaz.
• Ofrece las aplicaciones mas actuales a los usuarios finales junto a ciclos de actualizaciones frecuentes.
• 
  

DISTRIBUCIONES BASADAS EN UBUNTU

• KUBUNTU
• XUBUNTU
• EDUBUNTU

EJECUCION DE UBUNTU DESDE EL CD

Podemos seguir estos sencillos pasos que se demora aproximadamente unos 50 a 60 minutos.

1. Primero, debe bajarse la siguiente imagen de CD: Ubuntu Desktop i386. Una vez bajada hay que quemarla en un CD. Todos los programas de grabacion de CDs son capaces de hacerlo, es un sencillo procedimiento que se escapa del proposito de este tutorial.
2. Reinicie su equipo con el CD que acabamos de crear en el lector de CDs. Aparecera una pantalla de bienvenida (en ingles). Para elegir el castellano, solo hay que pulsar F2 y seleccionarlo de lista. 
3. Tras unos instantes, el escritorio de Ubuntu aparecera en su pantalla. Puede explorar los menus para ver una pequeña muestra de lo que Ubuntu puede hacer. Tenga en cuenta que una vez instalado es mucho mas rapido que al ejecutarlo desde el CD. Busque en el escritorio un icono como este:   
   
4. El primer paso es elegir el idioma. Si en la pantalla de bienvenida eligio al español, simplemente pulse  adelante (formward). En otro caso seleccione Español en la lista, y siga.
   
5. Lo siguiente es elegir la zona horaria. Simplemente pulse sobre su zona, y despues la cuidad. En el de España: pulsar sobre españa y luego sobre Madrid.
   
6. Siguiente paso: elegir el tipo de teclado. Si todo va bien, y no tiene un teclado raro, deberia ya estar selccionado. Cerciorese de que esto es asi escribiendo en la caja de texto que hay en la parte inferior. Pulse algunas teclas especificas de aqui, como la Ñ, y algunos simbolos para asegurarse de que todo esta donde deberia.
   
7. En el siguiente paso la instalacion le preguntara sus datos. Su nombre real, y su nombre de usuario. A continuacion escoja una contraseña, y el nombre del ordenador.
   
8. Cuidado! El siguiente paso es el mas delicado. Se trata de decirle al instalador donde debe instalarse. Escoje la opcion correcta, o podria formatear una particion no deseada. Existen varias opciones al instalar:
   -Formatear todo el disco duro. Elija esta si desea borrarlo todo y realizar una instalacion limpia de Ubuntu. 
   -Espacio libre contiguo. Ubuntu usara untrozo de espacio libre en su disco duro para instalarse, esta es la opcion mas recomendable si desea conservar su antiguo sistema operativo o sus datos.
   -Particionamiento manual. Si se siente valiente, puede hacer a mano una o varias particiones para Ubuntu. Tenga en cuenta que la particion debe tener al menos 2 GB, y debe habilitar una particion para la memoria de intercambio (swap). Esta opcion no es recomendable si nunca ha hecho una particion o nunca ha usado linux antes.
   
9. En la pantalla siguiente, el instalador le mostrara los datos para que los revise. Asegurese de que todo esta en orden, y pulse siguiente para comenzar a instalar Ubuntu en su ordenador.
10. El instalador mostrara su progreso mientras el sistema se instala...
    
11. !Ya esta! Si todo ha ido bien, vera la siguiente pantalla:
    
12. ESCRITORIO DE UBUNTU:
    1. Paneles
    2. Fondo de escritorio
    PANELES:
    
    
    

    1. Panel superior:
    • Menu aplicaciones
    • Menu lugares 
    • Menu sistema 
    • Iconos de acceso directo
    • Area de notificacion
    • Control de volumen
    • Fecha y hora
    • Boton salir
    
            
    
    
             Panel inferior:
    • Icono mostrar escritorio 
    • Lista de ventanas
    • Intercambiador de areas de trabajo
    • Papelera

    

TERCER TRIMESTRE

HARDWARE

Elemantos fisicos y losgicos de un ordenador se clasifica en dos partes importantes : parte externa (todo lo tangible de un computador) y LOS ELEMENTOS INTERNOS

 

Internos:

• Microprocesador: Componente muy importante de la PC. Se podría considerarle como el cerebro de la computadora. Es el encargado de regular la transmisión de datos en el computador. Trabaja en GHz.  

Ejemplos: Intel Core   Sandy Bridge y AMD Fusion

• Disco duro: Es un medio de almacenamiento de datos. Es un disco metálico (normalmente de aluminio) recubierto con una capa de material magnetizable por sus dos caras (usualmente níquel).
  
  
  
  Un disco duro está formado por una serie de discos o platillos apilados unos sobre otros dentro de una carcasa impermeable al aire y al polvo. Son de aluminio y van recubiertos de una película plástica sobre la que se ha diseminado un fino polvillo de óxido de hierro o de cobalto como material magnético.  

• Cada disco tiene dos caras ya cada una de ellas le corresponde una cabeza de lectura /escritura            soportada por un brazo.

• Memorias: Dispositivos que retienen datos informáticos por algun intervalo de tiempo, estas son unos de los  componentes principales del computador moderno. Es usado desde la decada de los 40. Ejemplos:

• Memoria ROM o la memoria de solo lectura: Medio de almacenamiento utilizado en ordenadores y dispositivos electrónicos, que permite sólo la lectura de la información y no su escritura. No se pueden modificar o por lo menos no de una manera rápida y fácil.No requiere actualizaciones frecuentes.

• Memoria RAM : Desde aqui, el procesador recibe las instrucciones y guarda los resultados. Su capacidad se mide en bytes, siendo siempre binaria, sus múltiplos serán representados en múltiplos binarios como Kilobyte, Megabyte, Gigabyte, Terabyte... y así sucesivamente.

•  Memoria Caché: Memoria más pequeña y rápida, almacena copias de los datos usados con mas frecuencia.

• Ayuda a reducir el tiempo de acceso a la memoria.

• Cuando el procesador necesita abrir un archivo, primero verifica si existe una copia en la cache, si es asi, escribe o lee la memoria cache ya que es mas rápida que acceder a la memoria principal.

• Memoria Flash: Modo de almacenamiento que permite la lectura y escritura de múltiples posiciones de memoria en la misma operación. 

• Permite velocidades de funcionamiento muy rapidas que nos permiten acceder rápidamente a archico que queremos cambiar.

• Esta tecnología es empleada en los pendrive.

Memoria DRAM : Es una memoria dinámica de acceso aleatorio usada especialmente en los módulos de memoria RAM y en otros dispositivos, como memoria principal del sistema. Se denomina dinámica, ya que para mantener almacenado un dato, se requiere revisar el mismo y recargarlo, cada cierto período, en un ciclo de refresco.

Tarjeta Madre:  También llamada placa madre, es una placa con circuitos impresos a la que se conectan los componentes que forman la computadora . Es una de las partes mas fundamentales al armar una computadora de escritorio o portatil. Posee circuitos integrados, que conectan a los componentes de la computadora, entre ellos que se encuentra el chipset, que sirve como centro de conexión entre el microprocesador, la memoria de acceso aleatorio(RAM), las ranuras de expanción y otros dispositivos.

SEGUNDO TRIMESTRE

Que es el HTML

 

El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.

Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.

Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web).

Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.

CUATRO NORMAS FUNDAMENTALES

HTML es simplemente texto

Lo primero es saber que un documento HTML es un archivo de texto simple, luego, se puede editar con cualquier editor de texto sencillo, como el Block de Notas de Windows.

Igualdad de mayúsculas y minúsculas.

HTML no distingue entre mayúsculas y minúsculas en la especificación de marcas y sus atributos. Sin embargo, por legibilidad, es aconsejable codificar tanto marcas como atributos en mayúsculas.

No importan los tabuladores, ni los saltos de línea

Los visualizadores no toman en cuenta las tabulaciones, los saltos de línea ni los espacios en blanco extra. Esto tiene ventajas y desventajas. La principal ventaja es que permite obtener resultados uniformes y de buena presentación de manera bastante fácil.

La principal desventaja es que un documento HTML, por lo menos se debe usar las marcas <P>...</P> o <BR> para evitar que quede todo el texto en una sola línea.

 

ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML

Un documento HTML comienza con la etiqueta <html>, y termina con </html>. Dentro del documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el encabezamiento, delimitado por <head> y </head>, que sirve para definir diversos valores válidos en todo el documento; y el cuerpo, delimitado por <body> y </body>, donde reside la información del documento. La única utilidad del encabezamiento en la que nos detendremos es la directiva <title>, que permite especificar el título de un documento HTML. Este título no forma parte del documento en sí: no aparece, por ejemplo, al principio del documento una vez que este se presenta con un programa adecuado, sino que suele servir como título de la ventana del programa que nos la muestra. Por ejemplo, en el encabezamiento de este manual se ha especificado:

<title>Manual práctico de HTML</title>

en minúsculas. Obsérverse que el título que encabeza este texto se ha escrito con mayúsculas, para distinguirlo del título global del documento. El cuerpo de un documento HTML contiene el texto que, con la presentación y los efectos que se decidan, se presentará ante el hiperlector. Dentro del cuerpo son aplicables todos los efectos que se van a mencionar en el resto de esta guía. Dichos efectos se especifican exclusivamente a través de directivas. Esto quiere decir que los espacios, tabulaciones y retornos de carro que se introduzcan en el fichero fuente no tienen ningún efecto a la hora de la presentación final del documento. Por ejemplo, escribiendo:

Estas
      palabras
forman          una
    frase.

producimos exactamente lo mismo que con:

Estas palabras forman una frase.

A la hora de la verdad lo que se ve es: Estas palabras forman una frase.

En resumen, la estructura básica de un documento HTML queda de la forma siguiente:

<html>
<head>
<title>Título</title>
</head>
<body>
Texto del documento, menciones a gráficos, enlaces, etc.
</body>
</html>

---

ESTILOS Y EFECTOS BÁSICOS

Como ya hemos dicho, la estructura lógica del texto y los diferentes efectos que se le apliquen se especifican mediante directivas. En este punto vamos a repasar algunas de las más importantes. En cada uno de los casos que veremos, primero se presenta el texto original HTML, es decir, lo que nosotros editamos, con las directivas situadas en los lugares adecuados; y después se presenta el efecto que dicho texto fuente produce una vez que se interpreta y se representa con el programa adecuado.

---

TÍTULOS

Mediante los títulos, en sus diferentes niveles de importancia, podemos definir el esqueleto del documento, su estructura básica.

<h1>Mucha importancia</h1>

Mucha importancia

<h2>Menos importancia</h2>

Menos importancia

<h3>Mucha menos importancia</h3>

Mucha menos importancia

---

ATRIBUTOS DEL TEXTO

Mediante estos atributos determinamos el estilo y el tipo de letra que tendrá la presentación del documento final. El primero en el que nos deberíamos detener es el texto normal entendiendo como tal el que no tiene ninguna característica especial. Para definir un párrafo como normal no es necesario poner ninguna etiqueta. Lo único que hay que tener en cuenta, como ya se ha dicho antes, es que al presentar el documento se hace caso omiso de los espacios, tabulaciones y retornos de carro que se encuentren en el texto fuente. Por ello cuando se quiera forzar un final de línea es necesario utilizar dos directivas especiales: <p> para marcar un fin de párrafo, y <br> para un único retorno de carro. La diferencia entre ambas es que la separación de líneas que provoca <p> es algo mayor que la de <br>, para que los párrafos se distingan bien entre sí. Las dos directivas mencionadas se sitúan en el punto en que queremos poner la separación. Por ejemplo:

Este será un texto normal (párrafo 1, línea 1).<br>
El primer párrafo estará formado por 2 líneas (párrafo 1, línea 2).<p>
Este ya es el segundo párrafo (párrafo 2, línea 1).<p>

Este será un texto normal (párrafo 1, línea 1).
El primer párrafo estará formado por 2 líneas (párrafo 1, línea 2). Este ya es el segundo párrafo (párrafo 2, línea 1).
Por supuesto, estas dos etiquetas se puede aplicar donde queramos, no sólo en el texto normal.
El texto preformateado (etiqueta <pre>) se aplica cuando queremos que en la presentación final del documento se respeten los espacios y retornos de carro que hayamos puesto en el texto fuente. Además se utilizará un tipo de letra de espaciado fijo, parecido al de una máquina de escribir, más pequeño que el del texto normal. Este estilo de texto puede ser adecuado, por ejemplo, para una tabla numérica sencilla:

<pre>
Texto preformateado
---------------------
|  1 |  2 |  3 |  4 |
|  5 |  6 |  7 |  8 |
|  9 | 10 | 11 | 12 |
---------------------
</pre>

Texto preformateado
---------------------
|  1 |  2 |  3 |  4 |
|  5 |  6 |  7 |  8 |
|  9 | 10 | 11 | 12 |
---------------------

Para hacer una cita textual dentro de nuestro documento, se puede utilizar la directiva <blockquote>:

<blockquote>Muchos años después, frente al pelotón de fusilamiento,
el coronel Aureliano Buendía había de recordar aquella tarde remota
en que su padre lo llevó a conocer el hielo.<br>
(Gabriel García Márquez, Cien años de soledad)</blockquote>

Muchos años después, frente al pelotón de fusilamiento, el coronel Aureliano Buendía había de recordar aquella tarde remota en que su padre lo llevó a conocer el hielo.
(Gabriel García Márquez, Cien años de soledad)

Las direcciones de correo electrónico se suelen marcar con esta directiva:

<address>Dirección: webmaster@etsit.upm.es</address>

Dirección: webmaster@etsit.upm.es

Se pueden dar también los atributos más tradicionales: negrita y cursiva:

<b>Esto en negrita</b> y <i>esto en cursiva</i>

Esto en negrita y esto en cursiva Se puede utilizar un tipo de letra similar al de una máquina de escribir:

<tt>Máquina de escribir</tt>

Máquina de escribir Para centrar texto (o, en general, cualquier cosa: un gráfico, por ejemplo) se usa la directiva <center>:

<center>Verde que te quiero verde</center>

Verde que te quiero verde

---

LISTAS

Las listas se definen de forma muy sencilla: se dice dónde empieza la lista, dónde empieza cada punto y dónde acaba la lista. Las etiquetas que se utilicen en cada caso deben aparecer al principio de línea, o al menos sin texto por delante (sólo espacios o tabulaciones). Podemos recurrir a tres tipos distintos de listas, cada una con una presentación diferente: no numeradas, numeradas y listas de definiciones (glosarios).
Las listas se pueden anidar, es decir, en el lugar donde debería ir uno de los términos de la lista se pone una nueva lista, que por supuesto no tiene porqué ser del mismo tipo.
Esto es una lista no numerada:

<ul>
<li>Tomates
<li>Zanahorias
<li>Puerros
</ul>

• Tomates
• Zanahorias
• Puerros

Esto una lista numerada:

<ol>
<li>Miguel Induráin
<li>Tony Rominger
<li>Eugeni Berzin
</ol>

1. Miguel Induráin
2. Tony Rominger
3. Eugeni Berzin

Un glosario está formado por una serie de parejas de término (marcado con <dt> al principio de línea) y definición (con <dd>). Por ejemplo, podríamos crear un pequeño diccionario con los términos perro, gato y pescadilla, de la siguiente manera:

<dl>
<dt>Perro (<i>n. masc.</i>)
<dd>Animal de cuatro patas que ladra.
<dt>Gato (<i>n. masc.</i>)
<dd>Animal de cuatro patas que maúlla y se lleva muy mal con el perro.
<dt>Pescadilla (<i>n. fem.</i>)
<dd>Animal que vive en el mar y está recubierto de escamas.
</dl>

Perro (n. masc.)

Animal de cuatro patas que ladra.

Gato (n. masc.)

Animal de cuatro patas que maúlla y se lleva muy mal con el perro.

Pescadilla (n. fem.)

Animal que vive en el mar y está recubierto de escamas.

---

VARIOS

La directiva <hr> sitúa en el documento una línea horizontal de separación. En este documento, por ejemplo, se han utilizado líneas horizontales para separar las diferentes secciones:

<hr>

---

Para poner un comentario en un documento HTML, es decir, una aclaración que no aparece en la presentación final del documento, se encierra el texto que formará el comentario entre los símbolos <!-- y -->. Por ejemplo, un caso típico podría ser:

<!-- Modificado por Álvaro el viernes 2 de junio -->

---

ENLACES Y GRÁFICOS

INTRODUCCIÓN

Además de los muchos estilos y capacidades de presentación que nos ofrece HTML para estructurar el documento en sí, disponemos de varias directivas que nos permiten definir relaciones entre diferentes documentos y estructurar todo un conjunto de documentos para crear una unidad lógica. La facilidad para definir este tipo de enlaces es una de las razones de la potencia y versatilidad de HTML. Por la similitud de tratamiento que tienen los enlaces y los gráficos, tocaremos también en esta sección cómo pueden incluirse estos últimos en un documento. Los enlaces en HTML se expresan rodeando con la directiva <a> el objeto (que puede ser un fragmento de texto o un gráfico) que vaya a servir como anclaje para el enlace. Por ejemplo, si marcamos con <a> un gráfico, cuando en el documento final se pulse con el ratón sobre dicho gráfico saltaremos al objeto referenciado en el enlace: otro documento, un vídeo musical, o un servidor de información meteorológica.

QUÉ ES UN URL

Para especificar de manera uniforme el objeto al que apunta nuestro enlace, se utiliza una forma estandarizada que se denomina URL (Uniform Resource Locator, es decir, Localizador Uniforme de Recursos ). Un URL está formado de la siguiente manera: esquema://maquina/ruta (en realidad, como se verá dentro de un momento, la barra / puede considerarse parte de la ruta). El esquema es un nombre que identifica el tipo de servicio que va a proporcionarse en el destino del enlace. La razón de esta aparente complicación es que el WWW pretende unificar el acceso a servicios de información que previamente eran incompatibles entre sí, como ftp, gopher o telnet. El esquema más utilizado es http, correspondiente al propio WWW (es decir, que cualquier referencia a un documento HTML debería comenzar con http://). Otros esquemas muy frecuentes son ftp, telnet, gopher o wais.
La máquina y la ruta sirven para localizar el objeto al que apunta nuestro enlace. La máquina es la identificación del servidor en el cual está situado el objeto al que apunta el enlace. Puede ser simplemente el nombre de un ordenador (como www.etsit.upm.es) o también un nombre y un puerto (por ejemplo www.etsit.upm.es:8000).
La ruta es el nombre del fichero que contiene el documento en concreto, incluyendo el nombre del subdirectorio en el que se encuentra. Los diferentes nombres que constituyan la ruta completa al archivo se deben separar con la barra / (inclinada hacia la derecha), tal y como se hace en el sistema operativo UNIX (y al revés que en MS-DOS). La razón de este convenio es precisamente que la mayor parte de los servidores de WWW que hay en Internet son ordenadores basados en UNIX, debido a la gran superioridad tecnológica de este sistema sobre MS-DOS. Esto se nota también en que por lo general los nombres de los ficheros no tienen muchas limitaciones: pueden ser casi tan largos como queramos, contener varios puntos, etc. Por ejemplo, el nombre de cierto fichero situado en un servidor podría ser /info/documentos/ciencia/fisica/relatividad.html. Debemos tener en cuenta que en UNIX las mayúsculas y las minúsculas son distintas en los nombres de los ficheros: no es igual FICHERO que fichero.
Conviene que nos detengamos momentáneamente en la estructuración habitual de los ficheros en un servidor de WWW. Para empezar, siempre hay una página de bienvenida (home page) que podría compararse con la portada de un periódico o revista: si no sabemos exactamente qué es lo que buscamos, o no sabemos dónde encontrarlo, la portada es lo primero que vemos. Para acceder a la home page de cualquier servidor de WWW, basta con escribir una barra en el lugar de la ruta (es decir, reclamamos al servidor el directorio raíz). Por ejemplo, para acceder a la página de bienvenida de la ETSIT, hay que dirigirse a http://www.etsit.upm.es/, y para ir a la de la NASA habría que contactar con http://www.nasa.gov/.
El resto de la información que se puede encontrar en un servidor de WWW se distribuye a partir de ese directorio raíz en distintos subdirectorios y archivos. Un convenio muy habitual relativo al nombre de los ficheros es hacer que los archivos que contengan documentos HTML terminen en .html.

ENLACES

Con lo que ya hemos dicho, podemos abordar sin problemas el asunto que originalmente nos ocupaba: cómo se introducen enlaces en un documento HTML. Para definir un enlace es necesario marcar con la directiva <a> el objeto del cual va a partir dicho enlace. Dicha directiva debe incluir el parámetro href="URL" para especificar el destino del enlace. Es decir, que antes del objeto elegido debemos abrir con <a href="URL">, y después cerrar con </a>. Por ejemplo, si queremos que el texto pulse aquí para visitar la NASA nos conduzca a la home page de la NASA, debemos escribir en nuestro texto HTML:

<a href="http://www.nasa.gov/">Pulse aquí para visitar a la NASA</a>

Lo cual producirá el resultado: Pulse aquí para visitar la NASA
Por lo general no nos preocupa irnos tan lejos, sino sencillamente enlazar con otro documento que se encuentra en el mismo servidor, puede que incluso que en el mismo subdirectorio. En este caso no es necesario escribir el camino completo al destino del enlace, sino que basta con dar la mínima información imprescindible. El programa que se use para leer el documento final suele ser lo bastante listo como para deducir el resto. Es decir, que si desde cierto documento queremos enlazar con otro que se encuentra en el mismo subdirectorio, basta con poner su nombre: <a href="el_otro_fichero">pulse aquí</a>. O si se encuentra en otro subdirectorio del mismo servidor, es suficiente con poner <a href="/la/ruta/que/sea/fichero.html">pulse aquí</a>. También pueden utilizarse rutas relativas: <a href="ruta/relativa/cosa.html">cosa</a>.

GRÁFICOS

Para incluir un gráfico en un documento HTML se utiliza la directiva <img>. En dicha directiva debe incluirse un parámetro src="URL", con el cual indicamos dónde está el fichero con el gráfico concreto que queremos para nuestro documento. Esto pone a nuestra disposición una gran flexibilidad, ya que podemos complementar el contenido de nuestro documento tanto con gráficos que se encuentren disponibles en nuestro servidor de WWW como con una foto situada en un servidor de la NASA o del Ministerio de Cultura, por ejemplo, sin que el lector final tenga por qué apreciar ninguna diferencia. Existe alguna limitación respecto a los formatos gráficos que los programas lectores de HTML puede interpretar sin problemas. El formato fundamental es el GIF, que cualquier programa con capacidades gráficas debería poder mostrar directamente en nuestro texto (Mosaic y Netscape pueden hacerlo). Si utilizamos otro formato diferente, lo más probable es que cuando un lector esté accediendo al documento, el programa no comprenda ese formato y se tenga que solicitar la ayuda de otro programa, con lo cual al final el gráfico no se insertará en el lugar estratégico de nuestro documento, sino que aparecerá en otra ventana diferente.
Hay un parámetro optativo de la directiva <img> que sirve para proponer un texto alternativo a un gráfico. Este texto aparecerá cuando se esté usando para leer el HTML un programa sin capacidades gráficas (por ejemplo Lynx, que sólo trabaja con texto). Se trata de alt="texto". Conviene utilizarlo cuando los gráficos sirven como origen a hiperenlaces, porque si no los programas sin capacidades gráficas no podrían mostrar los enlaces que nosostros queremos.
Como ocurría antes con los enlaces, por lo general no es necesario escribir el URL completo, sino que basta con dar la mínima información. Por ejemplo, para colocar en este punto del documento un monigote que está en el mismo subdirectorio que este manual, en el fichero monigote.gif, escribiremos:

<img src="monigote.gif" alt="MONIGOTE"><p>

Lo que se traduce en:
Como se ve, hemos especificado el texto alternativo "MONIGOTE", con lo cual una persona que no dispusiera del programa adecuado hubiera visto algo parecido a [MONIGOTE] en lugar del dibujo.
Podemos también incluir un dibujo que esté en otro lugar especificando un URL completo, por ejemplo:

<img src="http://naic.nasa.gov/images/nasa-logo.gif"><p>

Y además podemos hacer que un gráfico sea un enlace, utilizando la directiva <a>. En este caso no debemos olvidar utilizar la opción alt="texto" para que todos los usuarios puedan seguir el enlace:

<a href="http://www.nasa.gov/"><img src="http://naic.nasa.gov/images/nasa-logo.gif" alt="NASA"></a><p>

---

CARACTERES ESPECIALES

Durante todo este manual hemos hecho una pequeña trampa a la hora de explicar las directivas y poner ejemplos, para facilitar la comprensión de las ideas fundamentales sobre HTML. Dicha trampa ha consistido en ocultar ciertas exigencias de HTML respecto al uso de caracteres especiales, denominación que, para nuestra desgracia como hispanohablantes, incluye a las vocales acentuadas y a la letra eñe. Existen también ciertas limitaciones relativas al uso de ciertos símbolos que significan algo en HTML, como el de menor que (<) o el signo inglés de and (llamado ampersand: &). Trataremos primero el caso más sencillo. Existe una razón evidente que impide que podamos escribir ciertos símbolos directamente en un texto HTML, como por ejemplo el <: dichos símbolos tienen un significado en HTML, y es necesario diferenciar claramente cuándo poseen ese significado y cuándo queremos que aparezcan literalmente en el documento final. Por ejemplo, como ya sabemos, < indica el comienzo de una directiva, y, por ello, si queremos que aparezca en el texto como tal tendremos que dar un rodeo escribiendo algo que no de lugar a confusión, en este caso &lt;. Los símbolos afectados por esta limitación, y la forma de escribirlos, se detallan a continuación:

• < (Menor que): &lt;
• > (Mayor que): &gt;
• & (símbolo de and, o ampersand): &amp;
• " (comillas dobles): &quot;

Es decir, que para escribir <"> en nuestro texto HTML original debemos poner &lt;&quot;&gt;.
El otro caso especial se da cuando en un texto HTML se quiere escribir una eñe, por ejemplo. Existen dos formas de hacerlo. La primera, que es a la que obliga el estándar de HTML, consiste en utilizar entidades, es decir, palabrejas como las que antes se presentaron para escribir ciertos símbolos. Las entidades comienzan siempre con el símbolo &, y terminan con un punto y coma (;). Entre medias va un identificador del carácter que queremos que se escriba. Las entidades necesarias en nuestro idioma son:

• á: &aacute;
• é: &eacute;
• í: &iacute;
• ó: &oacute;
• ú: &uacute;
• Á: &Aacute;
• É: &Eacute;
• Í: &Iacute;
• Ó: &Oacute;
• Ú: &Uacute;
• ü: &uuml;
• Ü: &Uuml;
• ñ: &ntilde;
• Ñ: &Ntilde;
• ¿: &#191;
• ¡: &#161;

Como puede verse, las vocales acentuadas se identifican añadiendo el sufijo acute a la vocal sin acentuar (puesto que se trata de un acento agudo). Para la u con diéresis y la eñe se usan uml tras una u y tilde detrás una ene, respectivamente. La equivalencia de los signos de abrir interrogación y exclamación es algo más oscura: a falta de una denominación más evidente, tenemos que usar el valor numérico de dichos caracteres en el código estándar latin1 (ISO-8859-1). Esto se puede hacer con cualquier otro carácter del código latin1, que es el código de caracteres básico en HTML, escribiendo &#numero;.
La segunda manera, que sin duda es más cómoda, consiste en no preocuparse por esta limitación y escribir literalmente los caracteres afectados. A pesar de que este método suele funcionar en las conexiones WWW directas (porque el protocolo HTTP, que transporta el HTML por los vericuetos de Internet, requiere un canal de 8 bits), no tiene por qué funcionar bien cuando los documentos HTML se envían por correo electrónico, por ejemplo. Por tanto, y a pesar de los inconvenientes, es absolutamente recomendable respetar la norma especificada en HTML.
En cualquier caso, no resulta muy complicado escribir un programa que traduzca todas las apariciones de los caracteres especiales por sus correspondientes entidades HTML, o viceversa. Con un programa así, uno puede escribir los documentos sin preocuparse por estos problemas, y luego traducir a HTML correcto. Al final de este manual encontrará un enlace a un programita en C que hace precisamente eso.