Documentos de Académico
Documentos de Profesional
Documentos de Cultura
INTRANET S
P ofeso
Profesor:
Ing.
g Fredys
y Simanca
ETIQUETAS DEL LENGUAJE
HTML
<ETIQUETA>
Elementos Afectados por la Etiqueta
</ETIQUETA>
ESTRUCTURA BASICA
<HTML>
<HEAD>
Definiciones de la cabecera
</HEAD>
<BODY>
I t
Instrucciones
i HTML
</BODY>
</HTML>
CABECERAS DE UN DOCUMENTO
HIPERENLACES
<A HREF=...
HREF=...> > Hiperenlace
<A HREF="
HREF="URL
URL a la que se accede">
accede">Texto
Texto del
Hiperenlace</A>
Hiperenlace</A>
<A
A HREF="URL
HREF "URL a la l que se accede"><IMG
d " IMG
SRC="Imagen"> y también texto</A>
<A NAME=...> Elemento Ancla
A HREF="#Id.
<A HREF "#Id
"#Id.
HREF="# Id del
d l ancla">
l ">Texto
ancla" Texto
T t d dell enlace
l all
ancla</A>
ancla</A>
IMÁGENES
l ó d
<IMG SRC=...> Inclusión á
de Imágenes
<IMG SRC="URL
SRC="URL de la Imagen"
Imagen" ALT="Texto
ALT="Texto
alternativo a la imagen
imagen">>
">
<IMG ... ALT=...> Texto alternativo
<IMG .. ALIGN=...> Alineación de la imágen
TOP MIDDLE BOTTOM
<IMG .. BODER=...> Borde de la imágen
<A HREF="imagenes.htm"><IMG
SRC="/iconos1/q_mark3.gif
SRC "/i 1/ k3 if BORDER=0"></A>
BORDER 0" /A
<IMG SRC="/iconos1/pr_star.gif"
HSPACE=100><IMG
HSPACE 100><IMG
SRC="/iconos1/or__star.gif">
TABLAS
<TABLE>
TABLE Definición
D fi i ió d
de lla Tabla
T bl
EJEMPLO SIMPLE
<TABLE BORDER>
<TR>
<TD>1 <TD> 2 <TD> 3
<TR>
<TD>4 <TD> 5 <TD> 6
</TABLE>
Ej
Ejemplo
l 2
<TABLE BORDER>
<TR>
<TD><TH
COLSPAN=3>Numeros
<TR>
<TH ROWSPAN=2>Num<TD>1
<TD> 2 <TD> 3
<TR>
<TD>4 <TD> 5 <TD> 6
</TABLE>
Ejemplo 3
<TABLE BORDER>
<TR>
<TH COLSPAN=2>Datos1 </TH><TH COLSPAN=2>Datos2
</TH>
</TR>
<TR>
<TH>Datos1.1 </TH><TH>Datos1.2 </TH><TH>Datos2.1
</TH><TH>Datos2.2
/ </TH>
/
</TR>
<TR>
<TD>1</TD><TD>2</TD><TD>3</TD><TD>4</TD>
</TR>
<TR>
<TD>5</TD><TD>6</TD><TD>7</TD><TD>8</TD>
</TR>
</TABLE>
Ejemplo 4
<TABLE>
<TR>
<TD>1 <TD> 2 <TD> 3
<TR>
<TD>4 <TD> 5 <TD> 6
</TABLE>
Ejemplo
Ej l 5
<TABLE BORDER=15>
<TR>
<TD>1 <TD> 2 <TD> 3
<TR>
<TD>4 <TD> 5 <TD> 6
</TABLE>
Ej
Ejemplo
l 6
<TABLE BORDER CELLPADDING=10
CELLSPACING=0>
<TR>
<TD>1 <TD> 2 <TD> 3
<TR>
<TD>4 <TD> 5 <TD> 6
</TABLE>
Ejemplo 7
<TABLE BORDER>
<TR>
<TH ALIGN=CENTER>Cabecera de Titulo 1
<TH ALIGN=CENTER> Cabecera de Titulo 2
<TH ALIGN=CENTER> Cabecera de Titulo 3
<TH ALIGN=CENTER> Cabecera de Titulo 4
<TR>
<TD ALIGN=LEFT>Celda 1
<TD ALIGN=CENTER> Celda 2
<TD ALIGN=RIGHT> Celda 3
<TD ALIGN=CENTER> Celda 4
<TR>
<TD ALIGN=LEFT VALIGN=TOP>Celda 5
<TD ALIGN=CENTER><IMG
SRC="/imagenes/bibliog.gif">
ALIGN RIGHT VALIGN=BOTTOM>
<TD ALIGN=RIGHT VALIGN BOTTOM> C ld 7
Celda
<TD ALIGN=CENTER VALIGN=MIDDLE> Celda 8
<TR>
<TD VALIGN=BOTTOM>Celda 9
<TD VALIGN=MIDDLE>
TD VALIGN MIDDLE C Celda
ld 10
<IMG SRC="/imagenes/mundog.gif">
<TD VALIGN=TOP> Celda 12
</TABLE>
Ejemplo 8
<TABLE BORDER>
<TR BGCOLOR=YELLOW>
<TH>Cabecera de Titulo 1
<TH> Cabecera de Titulo 2 <TH>
Cabecera de Titulo 3
<TR BGCOLOR=WHITE>
<TD>Celda 1 <TD> Celda 2
<TD> Celda 3
<TR>
<TD BGCOLOR=RED>Celda 4
<TD BGCOLOR=WHITE> Celda 5 <TD
BGCOLOR=GREEN> Celda 6
</TABLE>
FORMULARIOS
<FORM>
FORM D Definición
fi i ió d
de formularios
f l i
<FORM ACTION="fichero q que trata
el formulario" METHOD= POST |
GET >
...
Elementos que forman el
formulario
...
< /FORM>
ACTION:
Indica el programa que se encargará
de tratar los datos del formulario
formulario..
Este pprograma
g debe encontrarse en
el servidor y estar escrito en algún
lenguaje de programación
programación.. A este
programa se pasará como
pa ámet os los datos introducidos
parámetros int od cidos en
el formulario y retornará un código
HTML que se mostrará tras procesar
el formulario
formulario..
METHOD:
Indica el protocolo usado para el
envío
e o de los
os datos
datos.. Co
Con POST
OS e envía
a
los datos en la entrada estándar del
programa que trata el formulario y
con GET los datos se pasan por
parámetro,
á t en la
l línea
lí d comandos,
de d
al programa.
programa. El usar uno o otro
método vendrá determinado por
como son tratados los p parámetros en
el formulario en el (CGI(CGI--BIN).
BIN). El
método de uso más normal será
POST..
POST
<INPUT> Entrada básica de datos
< INPUT TYPE = ( TEXT | PASSWORD
| CHECKBOX | RADIO | HIDDEN |
SUBMIT | IMAGE | RESET ) NAME =
"Variable que toma el valor"
valor" VALUE =
"Valor de Inicialización"
Inicialización" >
< INPUT TYPE=TEXT
NAME="variable
NAME=" variable"" VALUE="valor
VALUE="valor
inicial"
inicial " SIZE=
SIZE="tamaño
SIZE="tamaño
tamaño" "
MAXLENGTH="longitud
MAXLENGTH=" longitud máxima"
máxima" >