Formularios

<FORM>
Para la introduccin de las variables se utiliza la instruccin <INPUT>

type= text name = campo

Indica que el campo a introducir ser un texto. Sus parmetros son :

maxlenght = numero
Numero mximo de caracteres a introducir en el campo.

size = numero
Tamao en caracteres que se mostrar en pantalla.

value = "texto"
Valor inicial del campo. Normalmente sera " ", o sea, vacio.

type = password name = campo

Indica que el campo ser una palabra clave. Mostrar asteriscos (*) en lugar de las letras
escritas. Sus parmetros opcionales son los mismos que para text.
type = checkbox / radio name = campo
El campo se elegir marcando una casilla. Se permite marcar varias casillas. Los valores de
las casillas sern indicados por :

value = "valor"

checked
La casilla aparecer marcada por defecto.

type = radio name = campo

El campo se elegir marcando una casilla. Solo permite marcar una sola de las casillas. Los
valores de las casillas sern indicados por :

value = "valor"

type = image src = "fichero de imagen"

Este funcionar exactamente que el botn de aceptar.
type = hidden name = campo
El usuario no puede modificar su valor, ya que el campo no es visible se manda siempre
con el valor indicado por el parmetro :

value = "valor"

type = submit
Representa un botn. Al pulsar este botn la informacin de todos los campos se enva al
programa indicado en <FORM>. Tiene el parmetro value = "texto" que indica el texto
que aparecer en el botn.
type = reset
Representa un botn. Al pulsar este botn se borra el contenido de todos los campos. El
parmetro value = "texto" indica el texto que aparecer en el botn.
</FORM>

<A HREF="URL"> Texto del enlace</A>

El texto del enlace es lo que se visualizar en el navegador. La URL es la direccin donde
apunta el enlace y puede ser de estos tipos:
Enlace a otro lugar del mismo documento
En este caso la URL se sustituye por un marcador en la misma pgina. El marcador
puede ser texto colocado en el lugar al que queremos saltar. No importa lo que sea ya que
no se ver.
Veamos un ejemplo para saltar al inicio de esta pgina. Escribiramos en el lugar desde el
que queremos saltar:
<A HREF="#inicio"> Ir al Inicio</A>
Y en el sitio exacto adonde queremos saltar, debemos poner la siguiente etiqueta:
<A NAME="inicio"> </A>
Una vez escrito esto y guardada la pgina veramos al abrirla con el Navegador
Ir al Inicio
Al pulsar sobre ella nos llevara al principio de la pgina ya que fue all donde coloqu el
marcador

Enlace a otra pgina local

En este caso la URL se dar de forma relativa (igual que para poner un fondo a la pgina).
Por ejemplo si tenemos dos pginas en el mismo directorio pagina1.htm y pagina2.htm y
queremos poner un enlace desde la pagina1.htm a la pagina2.htm debemos escribir
<a href="pagina2.htm">Ir a pagina2</a>
Con esto es suficiente, no hay que crear ningn marcador a no ser que quieras ir a un sitio
concreto de la pagina2.htm. En ese caso tendras que poner en el sitio adonde quieres llegar
de la pagina2.htm
<a name="sitio"></a>
y en la pagina1.htm
<a href="pagina2.htm#sitio>Ir a sitio de la pgina 2</a>
Las palabras forma relativa, al principio de esta seccin, constituyen un enlace de este
ltimo tipo

Enlace a una direccin de Internet

Ahora la URL debe darse de forma absoluta, tal como la ves en la ventana de direccin del
navegador, es decir:
<A HREF="http://centros4.pntic.mec.es/ies.de.cistierna">IES Cistierna</A>
te llevara a la pgina de entrada del IES Cistierna

Enlaces usando imgenes

Con frecuencia se emplean imgenes como enlaces. A veces son enlaces a las mismas
imgenes con ms resolucin, como en el caso de fotos. Otras veces nos llevan a una
localizacin cualquiera.
Para que una imagen sea un enlace hay que colocarla en el lugar del texto del enlace, si
adems queremos que vaya a otra imagen, sta la debemos poner en el lugar de la URL.
Veamos unos ejemplos Supongamos para ello, que la estructura de nuestras pginas es la
indicada en la imagen. Si escribo en la pgina actual localizada en Aprendiendo Html
<A HREF=" #inicio"><img src="gifs/imagen.gif"></A>
obtengo una imagen que al pulsarla me lleva al inicio de esta pgina, exactamente como
esta:
Para que una imagen sea un enlace a otra imagen se debe escribir:
<a href="gifs/sky.jpg"><img src="gifs/ojo.gif" ></a>

que da como resultado