Professional Documents
Culture Documents
Enlaces "Links"
<a href="http://www.Algunapagina.com.es/">Texto a mostrar en el link</a> para ha
cer un link a una pag web
<a href="/la/ruta/que/sea/fichero.html">pulse aquí</a> para ir a un fichero en
el mismo
servidor donde se encuentra la pag web
pueden <a href="ruta/relativa/cosa.html">cosa</a>. El mismo que el anterior pe
ro con
ruta relativa
Anclas:
<A ORDEN="objetivo"> Texto resaltado </A> lleva al usuario a una parte "obj
etivo" de la pag web
<a href="http://www.algo.org">alguna web</a> lleva al usuario a una parte
"objetivo" exterior a
dicha pag
Vinculación de localizadores universales de recursos (enlaces externos):
Nombredelservicio://hostdeinternet:nnumerodepuerto/recurso
Nombre del servicio: servicio que se quiere realizar (http, mail, news, ft
p).
Nombre del host de Internet: lugar donde se encuentra el servicio.
Número de puerto: opcional.
Recurso: archivo, documento, marca, etc.
URL http: acceso a páginas Web de un servidor en la World Wide Web.
Ej: <a href="http://www.ALgo.org/cosa.htm">ALgo</a>
URL ftp: acceso a directorios o archivos de un servidor de ftp
Ej:<a href="http://ftp://nodo50.org">FTP</a>
URL news: acceso a un grupo de noticias .
Ej:<a href="news://noticias.org/noti.algo">notisial de algo</a>
URL mailto: envío de mensajes de correo
Ej:<a href="mailto:fulano@yaho.com.ar">mail de fulano</a>
URL file: acceso a archivos locales en el PC.
<a href="file://pruebas/pagina3.htm">pagina3</a>
----------------------------------
Graficos (solo en formato gif)
<img src="monigote.gif" alt="MONIGOTE" ALIGN:center><p>
Atributo SRC: permite especificar el archivo que contiene la imagen.
Atributo ALT: texto alternativo para cuando no se pueda visualizar la imagen.
Atributo ALIGN: alineación física de la imagen.
MIDDLE Alineación centro.
TOP Alineación superior.
BOTTOM Alineación inferior.
LEFT Alineación izquierda.
RIGHT Alineación derecha.
En scr tambien puede ponerse una url de la imagne
(la direccion completa de una imagen web)
ej:
<img src="http://www.lawebdelmonigote.com.mo\mo1\monigote.gif" alt="MONIGOTE"><p
>
Hacer que una imagen sea un link
<a href="http://www.algo.com/"><img src="imagen.gif" alt="imagen"></a><p>
<BODY BACKGROUND= "fondo.jpg">permite establecer el fondao de la pag
-----------------------------------
Marcos
Estos subdibiden la pantalla del explorador y cargan mas de una pag web en panta
lla
Ej:
<html>
<body>
<FRAMESET COLS="25%,75%/">
<FRAME SRC="web1.htm" NAME="nom">
<FRAME SRC="web2.htm">
</FRAMESET>
</body>
</html>
Marcador <FRAMESET>: define el marco al que llama un documento HTML.
Tiene marcador de terminación.
Atributo COLS y ROWS: especifica el tamaño de los divisores
verticales y horizontales de los marcos.
Podemos especificar en pixels o en porcentajes
suprimiendo las barras inclinadas y especificando
tantos números como divisiones de la ventana.
Marcador <FRAME>: define cada uno de los marcos establecidos
en referencia a una página web cada uno de ellos
Atributo SRC: especificación del URL que define el marco.
Atributo NAME: establece el nombre del marco para posteriores
referencias como la presentación de un vínculo
de un marco en otro marco con un nombre determinado:
es un nombre que se da a un frame o marco y no tiene
porque ser el mismo nombre del fichero a que hace
referencia dicho marco. Al establecer el vínculo se
incluirá el atributo TARGET, indicando el nombre de
marco que debe presentar el URL seleccionado.
-----------------------------------
Creación de formularios y scripts CGI
Formulario
<FORM ACTION="URL" METHOD="método de acceso" ENCTYPE="tipo de codificación">
<INPUT TYPE=TEXT NAME="nom" SIZE=n MAXLENGTH=n VALUE="val">
<INPUT TYPE=PASSWORD NAME="nom" SIZE=n MAXLENGTH=n VALUE="val">
<INPUT TYPE=CHECKBOX NAME="nom" VALUE="val1" CHECKED> texto 1
<INPUT TYPE=CHECKBOX NAME="nom" VALUE="val2"> texto 2
<INPUT TYPE=RADIO NAME="nom""VALUE="val1" CHECKED> texto 1
<INPUT TYPE=RADIO NAME="nom" VALUE="val2"> texto 2
<INPUT TYPE=IMAGE NAME="nom" SRC="mapa.gif">
<INPUT TYPE=HIDDEN NAME="clave" VALUE="val">
<INPUT TYPE=SUBMIT NAME="clave" VALUE="caption">
<INPUT TYPE=RESET NAME="clave" VALUE="caption">
<SELECT NAME="nom">
<OPTION SELECTED>texto 1
<OPTION>texto 2
</SELECT>
<TEXTAREA NAME="nom" ROWS=n COLS=c> texto de varias líneas </TEXTAREA>
</FORM>
donde:
Atributo ACTION: especifica el URL de la acción asociada al formulario.
Si no se especifica, por defecto se asume que el URL
es el BASE del documento.
Atributo METHOD: indica el método de acceso al URL de la acción.
El conjunto de métodos aplicables es función del
esquema del URL. Se pueden emplear los
métodos GET y POST,lo vemos despues.
Atributo ENCTYPE: especifica el tipo de codificación para el transporte
de los pares nombre/valor, excepto en los casos en
los que el protocolo no imponga uno.
MARCADOR <INPUT>: representa cada uno de los campos de entrada de datos
.
Atributo TYPE: establece el tipo de entrada y por tanto el formato d
e
recogida de los datos que serán enviados para que el
sistema los procese.
TEXT Casillas de texto en blanco.
PASSWORD Casillas de texto para claves.
CHECKBOX Casillas de selección.
RADIO Botones de radio.
IMAGE Pixels de una imagen.
HIDDEN Campos oculto
SUBMIT Botón de envío.
RESET Botón de reinicio.
-----------------------------------