Webcindario: Hacer Backups
Ir al asistente SQL
Este es un espacio con ejemplos de funcionalidades en jScripts. http://www.gestionxls.webcindario.com http://gestionxls.webcindario.com Mario * posibles errores de sintaxis * ______________________________________________________________________
Referencias: _ _ _ cambia tag ===== encierra sección ... (puntos suspensivos) dato o atributo ______________________________________________________________________
--------------------
Tag | Comentario
--------------------
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<!-- ... -->
Para escribir comentarios (son ignorados por el browser).
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<html> ... </html>
Indica que es un documento html, debe encerrar todo el
documento.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<!DOCtype html PUBliC "-//W3C//DTD html 3.2//EN">
Encabezado de todo documento de la versión html 3.2.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<head> ... </head>
Encabezado del documento.
Los siguientes son los parámetros del tag head.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<title> ... </title>
Indica el Titulo del documento.
Aparece en la ventana o la pestaña del browser.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<base href="http://servidor.tipo/nombre.html">
Especifica la dirección del documento por defecto en uso.
Util cuando se hace referencia a otra página dentro del
documento.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<base href="http://servidor.tipo/nombre.html" target="...">
Indica el "Frame" por defecto de la página actual.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<meta attrib1, attrib2>
Este tag describe algunas características del documento.
Pe:
<meta http-equiv="Refresh" content="ss">
Actualiza la página cada ss segundos.
<meta http-equiv="Refresh" content="ss"
url="http://servidor.tipo/nombre.html">
Llama una página diferente a los ss segundos.
<meta http-equiv="Expires" content="Sun, 10 Sep 1998 06:23:00 GMT">
Expira el documento a la fecha indicada y debe ser
actualizada.
<meta http-equiv="Keywords" content="Clave1, Clave2, ..">
Especifica palabras claves para los buscadores de la red.
<meta http-equiv="Description" content="Describa su página aquí ..">
Especifica una descripción general de su página.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<body attrib1, attrib2> ... </body>
Contiene el cuerpo del documento o el contenido de la página.
Atributos:
alink="..."
Especifica el color de las urls activas en la página.
background="..."
Especifica el papel tapiz de la página (archivo *.jpg o
*.gif).
bgcolor="..."
Especifica el color del fondo del documento.
bgproperties=fixed
Fija la imagen del fondo para que no se desplace (IE).
leftmargin="..."
Especifica el margen izquierdo de todo el documento (IE).
link="..."
Especifica el color de las direcciones contenidas en el
documento.
text="..."
Especifica el color del texto.
topmargin="..."
Fija el margen superior de todo el documento (IE).
vlink="..."
Especifica las urls (direcciones) visitadas, incluidas en el
documento.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
=======
Colores
=======
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Colores por código
------------------
Son expresados en formato RGB(red, green, blue),
donde cada color tiene un valor desde el 0 (00) hasta el 255 (FF).
16 colores estándar por nombre
------------------------------
(reconocidos por todos los browsers)
aqua #00FFFF (celeste)
black #000000 (negro)
blue #0000FF (azul)
fuchsia #FF00FF (fucsia)
gray #808080 (gris)
green #008000 (verde-oscuro)
lime #00FF00 (verde-lima)
maroon #800000 (marrón)
navy #000080 (azul-marino)
olive #808000 (verde-oliva)
purple #800080 (púrpura)
red #FF0000 (rojo)
silver #C0C0C0 (plata)
teal #008080 (verde-azulado)
white #FFFFFF (blanco)
yellow #FFFF00 (amarillo)
Otros nombres de color
----------------------
(no reconocidos por todos los browsers)
antiquewhite aquamarine azure beige
bisque blanched blueviolet brown
burlywood chartreuse chocolate codetblue
coral cornflower cornsilk crimson
cyan dandybrown darkblue darkcyan
darkgoldenr darkgray darkgreen darkkhaki
darkkolivegre darkmagent darkorange darkorchid
darkred darksalmon darkseagreen darkslatebl
darkslategr darkturquoi darkviolet deepink
deepskyblue dimgray dodgerblue firebrick
floralwhite forestgreen gainsbora ghostwhite
gold goldenrod greenyellow honeydew
hotpink indianred indigo ivory
khaki lavender lavenderblue lawngreen
lemonchillon lightblue lightcoral lightcyan
lightgolden lightgray lightgreen lightpink
lightsalmon lightseagree lightskyblue lightslategr
lightsteelbl lightyellow limegreen linen
magenta mediumaquam mediumblue mediumorchid
mediumseagr mediumslateb mediumspring mediumturqu
mediumviolet mediupurp midnightblue mintcream
mistyrose moccasin navajowhite oldlace
olivedrab orange orangered orchid
palegoldenr palegreen paleturquoise palevioletr
papayawhip peachpuff peru pink
plum powderblue rosybrown royalblue
saddelebrown salmon seagreen seashell
sienne skyblue slateblue slategray
snow springgreen steelblue tan
thistle tomato turquoise violet
wheat whitesmoke yellowgreen
NOTA:
Tener en cuenta que los colores son 'relativos'; esto se evidencia
si definimos dos textos, (pe) en color 'orange', en áreas con
distintos colores de fondo.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<basefont atributo1, atributo2>
Fija los atributos de escritura en toda la página.
Atributos:
size="..."
Fija el tamaño de la fuente, se usa un número entre 1 y 7
donde el 3 es el tamaño por omisión.
Permite tamaños relativos.
Pe: size=+2, size=-1.
color="..."
Especifica el color de la fuente en todo el documento.
name="..."
Especifica la apariencia de la fuente en todo el documento.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<hn> ... </hn>
Especifica un encabezado de texto de varios tamaños
n indica los tamaños de 1 a 6, 1 es el más grande y 6 es el
más pequeño.
Pe: <h2> ... </h2>.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<isindex>
Muestra un diálogo de indice de busqueda.
Con este tag solamente no se puede crear una página de
busqueda, el servidor debe ser configurado para soportarlo.
Atributos:
action="..."
Especifica la ubicación del puerto del programa donde se
pasará los parámetros de busqueda.
prompt="..."
Especifica un mensaje alterno para el diálogo.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<address> ... </address>
Encierra el archivo de firma del autor de la página.
El texto se muestra en itálica.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<b> ... </b>
Resalta en negrita el texto.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<big> ... </big>
Incrementa el tamaño del texto.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<blink> ... </blink>
Hace el texto parapadeante.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<blockquote> ... </blockquote>
Encierra un énfasis. El margen izquierdo y derecho están
indentados.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<br>
Inserta un final de línea.
Nota: las líneas son contiguas (a diferencia de </p>).
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
clear="..."
Causa que el texto alrededor de la imagen se elimine.
Los valores posibles son: right, left o all.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<center> ... </center>
Centra los objetos que contiene.
Este tag puede centrar cualquier cosa incluyendo imagenes,
texto, tablas, formularios, etc.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<cite> ... </cite>
Encierra una cita como un título de un libro, etc.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<code> ... </code>
Encierra código de ejemplo.
El texto se muestra en letras pequeñas y monoespacio.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<comment> ... </comment>
Define un comentario.
Todo el texto es ignorado aun si incluye código html.
Nota: es equivalente a <!-- ... -->
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<dfn> ... </dfn>
Encierra una definición.
El texto dentro de este tag se formatea como una definición.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<div align=""> ... </div>
Especifica el alineamiento de los elementos que contiene.
Se puede usar para dividir el documento que tiene secciones
alineadas en forma diferente.
Valores posibles: center, right o left
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<em> ... </em>
El texto se muestra en cursivas (itálicas).
Nota: equiv a <i> ... </i>
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<font atributo1 atributo2> ... </font>
Fija las propiedades y el tipo de letra del texto que
contiene.
Atributos:
size="..."
Fija el tamaño de las letras desde valores entre 1 y 7
donde 3 es el valor por omisión.
Se puede especificar valores relativos, ejemplo. size=+3.
color="..."
Especifica el color de las letras.
name="..."
Especifica el tipo de letra.
Se puede definir una lista separada por comas.
Pe: Arial, Verdana, etc.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<hr atributo1, atributo2>
Inserta una línea horizontal.
Atributos:
size="..."
Especifica el grosor de la línea.
color="..."
Especifica el color de la línea (IE).
width="..."
Especifica la longitud de la línea como porcentaje de la
página.
Pe: width="70%"
align="..."
Especifica el alineamiento: right, left o center.
noshade
Muestra la línea sin sombra.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<i> ... </i>
Presenta el texto encerrado como itálica.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<kbd> ... </kbd>
Especifica el texto a ser entrado por teclado.
El texto se muestra en negritas y de tamaño fijo.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<listing> ... </listing>
Muestra texto en tamaño fijo (obsoleto, se usa el tag <pre>).
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<multicol> ... </multicol>
Muestra un texto en columnas.
Atributos:
cols="..."
Especifica el número de columnas.
gutter="..."
Especifica el número de pixels entre columnas.
width="..."
Especifica el ancho de las columnas.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<nobr> ... </nobr>
El texto que lo contiene no se trunca en la pantalla.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<p atributo> ... </p>
Diseñado para encerrar texto de un párrafo.
El cierre es opcional.
Atributos:
align="..."
Especifica el alineamiento del párrafo. Pe: center, left o
right
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<plaintext> ... </plaintext>
Muestra el texto sin formato aun cuando contenga tags de html
(obsoleto, se usa el tag <pre>)
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<pre> ... </pre>
Muestra texto sin formato, sin eliminar espacios y saltos.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<s> ... </s>
Muestra el texto con una línea por el centro (tachado).
Es diferente al tag <strike>.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<samp> ... </samp>
Indica un ejemplo de salida.
El texto se muestra en tamaño pequeño.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<small> ... </small>
Muestra el texto en tamaño pequeño.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<spacer atributo> ... </spacer>
Inserta bloques de espacios en la página (Netscape).
Atributos:
align="..."
Cuando el tipo es de bloque (block) especifica el alineamiento
del texto alrededor.
Valores:
right, left
Alinea el bloque de espacios en el lado especificado y el
texto se trunca alrededor del bloque.
top, middle, bottom, texttop, absmiddle, baseline y absbottom
Especifica el alineaminto vertical del bloque con cualquier
elemento el la misma línea.
height="..."
Cuando el tipo es block, especifica la altura del bloque.
size="..."
Cuando el tipo es horizontal o vertical, especifica el tamaño
del espacio.
type="..."
Especifica el tipo de espacio.
Valores:
horizontal
Inserta espacios en blanco entre palabras.
vertical
Inserta espacios entre dos líneas.
block
Inserta un bloque de espacios rectangular, muchos usan el
tag <img>.
width="..."
Cuando el tipo es block, especifica el ancho del bloque.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<strong> ... </strong>
Muestra el texto en negritas, resaltado.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<sub> ... </sub>
Muestra el texto encerrado como un subíndice.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<sup> ... </sup>
Muestra el texto encerrado como superíndice.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<tt> ... </tt>
Muestra el texto en formato teletipo.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<u> ... </u>
Muestra el texto subrayado.
Puede confundirse con una url.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<var> ... </var>
Especifica una variable.
El texto se muestra en letras pequeñas y de tamaño fijo.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<wbr>
Hace que el texto que contiene, se trunque si es necesario.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<xmp> ... </xmp>
Hace que el texto encerrado se muestre sin procesar los tags
html que contenga.
Obsoleto, se usa <pre>.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
==========
Multimedia
==========
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<img atributo1 atributo2>
Coloca una imagen el en documento.
Atributos:
src="..."
Especifica la ubicación de la Imagen.
dynsrc="..."
Especifica la ubicación de un vídeo o un mundo VRML.
Se puede soportar una imagen usando el src de primero para
aquellos browser que no soportan Videos (IE).
controls
Activa una serie de controles de vídeo (IE).
loop="n"
Para vídeos, especifica en número de repetición del vídeo.
Un valor de "-1" o "infinite" repite el vídeo indefinidamente
(IE).
smart="..."
Especifica el momento inicial de reproducción del vídeo.
Se puede usar "fileopen" por omisión, "mouseover" o ambos
(IE).
usemap="#map1"
Dice al browser que use la imagen como una interface de
selección definida con el nombre de "map1".
ismap
Dice al browser que la imagen es un mapa de selección.
alt="..."
Especifica un texto que se muestra en browsers que no
soportan imágenes.
border="..."
Especifica el ancho del borde alrededor de la imagen.
Si border es "0", no presenta bordes en la imagen.
lowsrc="..."
Especifica la dirección de la imagen que se cargará primero
antes de que la imagen sea cargada.
Usualmente se refiere a una imagen pequeña.
align="..."
Especifica el alineamiento de la imagen.
Valores:
right, left
Alinea a un lado especifico de la página y todo el texto se
justifica al lado de la imagen.
top, middle, bottom, texttop, absmiddle, baseline y absbottom
Especifica el alineamiento vertical de la imagen.
vspace="..."
Especifica el espacio entre el borde de la imagen y los
items sobre o debajo de ella.
hspace="..."
Especifica el espacio entre el borde de la imagen y los
items a la derecha e izquierda.
width="..."
Especifica el ancho de la imagen.
Si el tamaño no coincide con el original se ajusta.
height="..."
Igual al anterior pero con la altura.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<map atributo> ... </map>
Especifica los puntos de selección de una imagen.
El tag <area> se usa para definir las coordenadas.
Atributos:
name="..."
Especifica el nombre del mapa para ser usado después.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<area atributo1 atributo2> ... </area>
Especifica la silueta y el tamaño del area de selección en el
mapa que se muestra.
Se usa dentro del tag MAP.
Atributos:
shape="..."
Especifica la Silueta del area de selección.
Los valores son: rect, rectangle, circ, circle, poly o
polygon
coords="..."
Especifica la coordenada de la silueta.
Dos pares de coordenadas indican un rectángulo.
Tres o mas pares definen un polígono.
Un par de coordenadas y un radio define un círculo.
href="..."
Especifica la dirección donde apunta el area del mapa.
nohref
Indica que esta silueta no apunta a una dirección.
target="..."
Especifica la ventana donde se mostrará la página.
El target puede ser el nombre de un frame o alguno de los siguientes
valores:
"_blank"
Muestra la dirección en un página en blanco.
"_parent"
Muestra la dirección en la página que lo invocó.
"_self"
Muestra la dirección en la misma ventana (por omisión).
"_top"
Muestra la dirección en la ventana actual usando todo el
espacio.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<map atributo> ... </map>
Especifica los puntos de selección de una imagen.
El tag area se usa para definir las coordenadas.
Atributos:
name="..."
Especifica el nombre del mapa para ser usado después.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<area atributo1 atributo2> ... </area>
Especifica la silueta y el tamaño del área de selección en el
mapa que se muestra.
Se usa dentro del tag <map>.
Atributos:
shape="..."
Especifica la Silueta del area de selección.
Los valores posibles son rect, rectangle, circ, circle, poly
o polygon
coords="..."
Especifica la coordenada de la silueta.
Dos pares de coordenadas indican un rectángulo.
Tres o mas pares definen un polígono.
Un par de coordenadas y un radio define un círculo.
href="..."
Especifica la dirección donde apunta el area del mapa.
nohref
Indica que esta silueta no apunta a una dirección.
target="..."
Especifica la ventana donde se mostrará la página.
El target puede ser el nombre de un frame o alguno de los siguientes
valores:
"_blank"
Muestra la dirección en un página en blanco.
"_parent"
Muestra la dirección en la página que lo invocó.
"_self"
Muestra la dirección en la misma ventana. (por omisioón)
"_top"
Muestra la dirección en la ventana actual usnado todo el
espacio.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<bgsound atributo1 atributo2> (IE)
Reproduce un archivo de sonidos en el fondo cuando la página
es cargada.
Este archivo de sonido puede ser de tipo (.wav or .au) o midi
(.mid).
Atributos:
src="..."
indica el archivo de musica.
loop="n"
Indica el número de veces que se repite.
Un valor de "-1" o "infinite" indica una reproducción sin
interrupción.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<marquee atributo1 atributo2> ... </marquee> (IE)
Fija un texto que se desplaza por la pantalla.
Atributos:
align="..."
Especifica el alineaminto del texto.
Los valores posibles son top, middle o bottom
behavior="..."
Indica la forma de presentación: scroll (omisión), slide o
alternate slide hace que el texto se desplaze afuera y
adentro alternate muestra el texto adelante y atras
repetidamente
bgcolor="..."
Fija el color de fondo.
direction="..."
Indica la Dirección left (omisión) o right
height="..."
Fija la altura en pixels o %.
hspace="n"
Fija el margen en espacios a la derecha e izquierda del
texto.
loop="n"
Fija el número de repeticiones.
Un valor de -1 o infinite repite indefinidamente.
scrollamount="n"
Fija el Numero de pixel entre cada display.
scrolldelay="n"
Indica el tiempo de espera para mostrar cada texto.
vspace="n"
Fija el margen superior e inferior del texto.
width="..."
Fija el ancho en pixels o %.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<applet atributo1 atributo2> parametro1 parametro2 ... </applet>
Inserta un applet de Java en el documento.
Cualquier texto dentro del tag <applet> se mostrará en los
browser que o soportan Java.
Atributos:
align="..."
Fija el alineamiento del applet.
Los parametros son: left, right, top, middle o bottom
alt="..."
Muestra un mensaje cuando el browser no puede ejecutar el
applet.
code="..."
Especifica el nombre del applet.
codebase="..."
Especifica la dirección de inicio del applet.
El directorio donde se encuentra el applet.
download=n
Especifica el orden de descarga de la imagenes.
hight="..."
Especifica la altura del applet en pixels o %
hspace="n"
Especifica los margenes en espacios fuera del applet en
pixels.
name="..."
Indica el nombre de un applet (rutina), si hay mas applets
en una misma página.
vspace="n"
Especifica el margen superior e inferior del applet.
width="..."
Fija el ancho del applet en pixel o en %.
Parámetros:
Estos son los parametros especificaos de cada applet, que
son pasados como argumentos.
Se expresan como tags así:
<param name="..." value="..." >
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<embed atributo1 atributo2></embed>
Inserta un objeto multimedia, como un corto de vídeo o sonido,
en la página.
En los browser modernos se mantiene por compatibilidad.
Atributos:
autostart="..."
Especifica si iniciar la ejecución o No. true o false
hight="..."
Especifica el tamaño en pixels o %
loop="..."
Fija el número de repeticiones.
Los valores son true o false
name="..."
Indica el nombre del objeto, en caso de haber otros en la
página.
src="..."
Indica la ubicación del archivo.
width="..."
Especifica el ancho donde se mostrará el objeto.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<script atributo1 atributo2> ... sentencias ... </script>
Encierra el código de programación que ejecuta.
Por compatibilidad los tags están marcados como comentarios
(<!-- tags script... -->)
Atributos:
language="..."
Especifica el lenguaje usado en el script, como "VBScript"
Visual Basic Script o "JavaScript" Java Script.
src="..."
Indica la ubicación del archivo que contiene un script.
Se usa si ud. no quiere tener el código de programación en la
página.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<noscript> ... </noscript>
Muestra todo lo que quiera diferente a código de programación.
Este tag va dentro del tag script.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
===================
Direcciones (Links)
===================
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<a atributo="..."> ... </a>
Cuando se usa con el atributo href, el texto o la grafica
apunta a otro documento o función.
Cuando se usa el atributo name, el texto o la gráfica
identifica el nombre del documento.
Atributos:
href="..."
Especifica la url (ubicación) al documento señalado.
name="..."
Especifica el nombre del encadenamiento.
onclick=""
Especifica un código script cuando se hace click con el
mouse.
onmouseover=""
Activa un código script cuando el mouse está sobre el link.
rel="..."
Especifica una relación directa.
rev="..."
Especifica una relación inversa.
target="..."
Especifica la ventana donde se mostrará la página.
El contenido puede ser el nombre de un frame pre-definido o
alguno como sigue:
Valores:
"_blank"
Carga la página en una ventana en blanco.
"_parent"
Carga la página en la ventana del documento que lo llamó.
"_self"
Carga la página en la misma ventana (omisión).
"_top"
Carga la página en toda la ventana, sin importar el frame.
title="..."
Especifica una leyenda que aparece cuando se ubica sobre el
link, pero que aun no se ha seleccionado.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
==============
Listas (Lists)
==============
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<li atributo>
Este tag enumera los párrafos como una lista de palabras
usando los siguientes sub-tags: <dir>, <menu>, <ol> o <ul>
Atributos:
type="..."
Especifica el tipo de indicador de la lista.
Los valores mas comunes son: disc, circle, square, A, a, I,
i, 1.
value="..."
Especifica el valor asignado a un item.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<dir> ... </dir>
Convierte el texto encerrado por <li>, en una lista de
directorio.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<menu> ... </menu>
Convierte el texto encerrado por <li>, en una lista de menus.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<ol atributo> ... </ol>
Convierte al texto encerrado por <li>, en una lista numerada.
Atributos:
type="..."
Especifica el tipo de numeracion para el indicador.
Un tipo de indicador sería: A, a, I, i, 1.
smart="..."
Especifica el valor inicial de la numeración.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<ul atributo> ... </ul>
Convierte el texto encerrado por <li>, en una lista indicada.
Atributos:
type="..."
Especifica el tipo de indicador para la lista.
Los valores comunes son: disc, circle, square
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<DL> ... </DL>
Crea una lista definida (de definiciones).
Donde, <DT> especifica un término de la lista y <DD>
especifica el contenido (definición) del término.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
================================
Particiones de Ventanas (Frames)
================================
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<frameset atributo1 atributo2> ... </frameset>
Define una serie de ventanas que forman una página.
Los tags <frame> y <noframe> van dentro de frameset.
El tag <frameset> se usa como el tag <body>
Se puede incluir un tag body dentro del tag <noframe> para
aquellos browser que no soportan frames.
Atributos:
border="..."
Indica el ancho (en pixels) del borde alrededor del frame
(Netscape).
cols="..."
Crea el frame como columnas y fija el tamaño de cada columna.
El ancho se puede expresar en %, pixels o en tamaño relativo
(*).
Pe: si usted quiere 3 frames de igual tamaño en forma de
columna use el atributo así: cols=33%,33%,*
frameborder="..."
Especifica si se muestra el borde del frame en 3D o No.
Los valores comunes son; 0 (sin borde) o 1 (omisión)(IE).
framespacing="..."
Especifica la separación en pixels entre frames.
rows="..."
Al igual que cols especifica frames en forma de filas.
Pe, si desea un pequeño frame arriba de la página y uno
grande debajo el atributo rows sería: rows=15%,*
scrolling="..."
Indica si los frames llevan barra de desplazamiento.
Los valores mas comunes son "yes", "no" y "auto".
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<frame atributo1 atributo2>
Define un frame simple.
Atributos:
border="..."
Especifica el ancho en pixels del borde alrededor del frame
(Netscape).
frameborder="..."
Especifica si se muestra el borde del frame en 3D o No.
Los valores son; 0 (sin borde) o 1 (omisión)(IE).
marginheight="..."
Especifica margen superior e inferior.
marginwidth="..."
Especifica margen izquierdo y derecho.
name="..."
Asigna un nombre al frame.
noresize
Impide que el usuario cambie el tamaño.
scrolling="..."
Indica si los frames llevan barra de desplazamiento.
Los valores son "yes", "no" y "auto".
src="..."
Indica el archivo que contiene el frame.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<iframe atributo1 atributo2></iframe>
Define un frame eventual.
No necesita el tag <frameset>.
Atributos:
align="..."
Especifica la posicion del texto alrededor del frame.
Los valores son top, middle, bottom, left y right.
frameborder="..."
Especifica si se muestra el borde del frame en 3D o No.
Los valores son: 0 (sin borde) o 1 (omisión) (IE).
height="..."
Especifica la altura del frame eventual.
marginheight="..."
Especifica margen superior e inferior.
marginwidth="..."
Especifica margen izquierdo y derecho.
name="..."
Asigna un nombre al frame.
noresize
Impide que el usuario cambie el tamaño.
scrolling="..."
Indica si los frames llevan barra de desplazamiento.
Los valores son yes, no y auto
src="..."
Indica el archivo que contiene el frame.
width="..."
Especifica el ancho del frame eventual.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<noframes> ... </noframes>
Se utiliza dentro de frameset, cualquier objeto dentro de este
tag se ve solo en browsers que no soportan frames.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
======
TABLAS
======
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<table atributo1 atributo2> ... </table>
Crea tablas compuesta por filas y columnas.
Atributos:
border="..."
Especifica el ancho del borde alrededor de la tabla.
Si se fija en 0, no presenta bordes.
background="..."
Usa una imagen para el fondo de la tabla (IE).
bgcolor="..."
Fija el color de fondo de la tabla.
bordercolor="..."
Fija el color del borde.
bordercolorlight="..."
Fija el color claro del borde para el efecto 3D (IE).
bordercolordark="..."
Fija el color obscuro del borde para el efecto 3D (IE).
width="..."
Especifica el ancho de la tabla en la página.
cellspacing="..."
Especifica los espacios entre las celdas.
cellpadding="..."
Especifica los espacios entre la celda y el texto.
frame="..."
Especifica el borde que se debe mostrar (IE).
Tipos Posibles:
void
No muestra los bordes exteriores.
above
Muestra el borde encima de la tabla.
below
Muestra el borde debajo de la tabla.
hsides
Muestra los bordes superio e inferior de la tabla.
lhs
Muestra el borde de la izquierda.
rhs
Muestra el borde de la derecha.
vsides
Muestra el borde derecho e izquierdo.
box
Muestra todos los bordes de la tabla.
border
Muestra un borde en todos los lados de la tabla.
height="..."
Especifica la altura de la tabla en la página.
rules="..."
Especifica los bordes internos (IE).
Valores Posibles:
none
No muestra los bordes internos.
groups
Muestra los bordes como si fueran varias tablas y
grupos thead, tfoot, tbody y colgroup
rows
Muestra los bordes entre filas.
cols
Muestra los bordes entre columnas.
all
Muestra todos los bordes tanto filas como columnas.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<caption atributo1> ... </caption>
Especifica un título para la tabla.
Atributos:
align="..."
Fija la posición del titulo.
Los valores son:left, right, bottom o top
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<tr atributo1 atributo2> ... </tr>
Especifica los datos en filas de una tabla.
Puede encerrar el encabezado y los datos.
Atributos:
align="..."
Indica el alineamiento de los datos en la fila.
Pe; left, right y center
bgcolor="..."
Fija un color de fondo para una fila.
bordercolor="..."
Fija el color del borde de la fila.
bordercolorlight="..."
Fija el color claro del borde para el efecto 3D (IE).
bordercolordark="..."
Fija el color obscuro del borde para el efecto 3D (IE).
valign="..."
Fija el alineaminto vertical de los datos en la fila.
Los valores son; top, middle, bottom y baseline
height="..."
Especifica el alto de la celda.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<th atributo1 atributo2> ... </th>
Convierte una celda en encabezado de la tabla.
Atributos:
align="..."
Indica el alineamiento de los datos en la fila.
Pe: left, right y center
bgcolor="..."
Fija un color de fondo para una fila.
bordercolor="..."
Fija el color del borde de la fila.
bordercolorlight="..."
Fija el color claro del borde para el efecto 3D (IE).
bordercolordark="..."
Fija el color obscuro del borde para el efecto 3D (IE).
valign="..."
Fija el alineaminto vertical de los datos en la fila.
Los valores son; top, middle, bottom y baseline
height="..."
Especifica el alto de la celda.
nowrap
Previene el truncamineto del texto en la celda.
rowspan="..."
Especifica el número de filas a unir.
colspan="..."
Especifica el número de Columnas a unir.
width="..."
Especifica el ancho de la celda.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<td atributo1 atributo2>
Se usa dentro del tag <tr> y define los datos en una celda.
Se puede usar el cierre del tag.
Atributos:
background="..."
Usa una imagen para el fondo de la celda (IE).
bgcolor="..."
Fija el color de fondo de la celda.
bordercolor="..."
Fija el color del borde.
bordercolorlight="..."
Fija el color claro del borde para el efecto 3D (IE).
bordercolordark="..."
Fija el color obscuro del borde para el efecto 3D (IE).
width="..."
Especifica el ancho de la tabla en la página.
height="..."
Especifica el alto de la celda.
nowrap
Previene el truncamineto del texto en la celda.
rowspan="..."
Especifica el número de filas a unir.
colspan="..."
Especifica el número de columnas a unir.
width="..."
Especifica el ancho de la celda.
valign="..."
Fija el alineaminto vertical de los datos en la fila.
Los valores son; top, middle, bottom y baseline
align="..."
Especifica el alineamiento horizontal de la celda.
Los parametros son; left, right, and center
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<colgroup atributo1 atributo2>(IE)
Especifica las propiedades de una o mas columnas.
Este tag va despues del tag <table>
Atributos:
align="..."
Especifica la posición del texto dentro de la columna.
Los parámetros son; center, left, right, bottom o top.
span="..."
Indica las columnas donde se aplica.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<col atributo1 atributo2>(IE)
Se usa con el tag colgroup y especifica la propiedad de una
columna.
Este tag omite cualquier atributo del tag colgroup anterior
a el.
Atributos:
align="..."
Especifica la posición del texto dentro de la columna.
Los parámetros son: center, left, right, bottom o top.
span="..."
Indica las colunas donde se aplica.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<tbody> ... </tbody>(IE)
Encierra el cuerpo de la tabla.
Este tag es opcional si se usan los tags thead o tfoot.
Util para separar las filas de la tabla de el encabezado y
el pie de tabla.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<tfoot> ... </tfoot>(IE)
Encierra las filas que van a ser usadas como pie de tabla.
Se usa despues del tag tbody.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<thead> ... </thead>(IE)
Encierra las filas que serán usadas como encabezado.
Se usa antes del tag tbody.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
===================
FORMULARIOS (forms)
===================
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<form atributo1 atributo2> ... </form>
Especifica un formulario.
Estos se usan para enviar información a un servidor.
Atributos:
action="..."
Especifica la dirección de la acción de salida del form.
Usualmente es la dirección de un archivo CGI.
También se puede especificar una dirección de correo.
method="..."
Indica el metodo usado para enviar la información.
Los valores posibles son: "POST" o "GET".
Cuando se usa "GET", el servido adjunta los argumentos al
final de la dirección fijada en "ACTION".
Cuando se usa "POST", La información es enviada como un
formato HTTP.
target="..."
Especifica la ventana donde se mostrará la información.
El target puede ser un frame previamente definido o uno de
los valores siguientes:
Valores:
"_blank"
Muestra el resultado en un página en blanco.
"_parent"
Muestra el resultado en la página que lo invocó.
"_self"
Muestra el resultado en la misma ventana (por omisión).
"_top"
Muestra el resultado en la ventana actual usando todo el
espacio.
enctype="..."
En browser futuros.
Especifica el tipo de codificación.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<input atributo1 atributo2>
Especifica un control o un area de entrada del formulario,
con el cual la información se enviará al servidor.
Atributos:
align="..."
Si el tipo es una imagen, especifica el alineamiento del
texto alrededor de la imagen.
Pe: top, middle, bottom, left o right
checked
Usar este atributo en una caja de tipo radio o checkbox y
será preselecionado cuando se cargue el formulario.
maxlength="..."
Especifica el máximo número de caracteres en la caja de
entrada.
name="..."
Especifica el nombre del control de entrada.
size="..."
Especifica el tamaño del texto que se muestra en la caja de
entrada.
src="..."
si es una imagen, especifica la ubicación de la imagen.
value="..."
Especifica el valor que se enviará con el nombre
correspondiente de la información.
Especifica el texto por omisión (text).
Para reset y submit, especifica el texto que se mostrará en
el botón tipo 3D.
type="..."
Especifica el tipo de control.
Valores:
checkbox
Crea una caja de chequeo (checkbox).
Si el usuario la selecciona, ee envía la información
correspondiente al servidor.
hidden
No se muestra, pero la información es enviada de todas
maneras.
password
Crea una linea de entrada tipo texto, la información aparece
representada por * (no se permite visualizar).
radio
Crea una lista de Botones de selección (radio) de los caules
solo uno se puede selccionar.
Las alternativas pueden tener el mismo nombre, pero pueden
tener valores diferentes.
reset
Crea un boton 3D que borra el contenido del formulario.
Se puede asignar un nombre diferente a "reset" con el
atributo value.
submit
Crea un botón 3D que envía el formulario.
image
Al igual que el tipo "submit", puede enviar un formulario
inmediatamente cuando el usuario seleccione la imagen.
Junto con la información normal, cuando se envía
seleccionando la imagen, las coordenadas del punto de
selección (en pixels desde el punto superior Izquierdo)
se envían tambien.
La coordenada X se envía como ".x" junto a la coordenada
Y ".y" al lado del nombre.
text
Crea una caja de entrada.
Se puede especificar el tamaño con el atributo size.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<select atributo1 atributo2></select>
Crea una lista desplegable (drop-down).
Los elementos de la lista se definen con option dentro del
tag select.
Atributos:
multiple
Especifica que se pueden seleccionar múltiples elementos.
name="..."
Especifica el nombre de la lista.
size="..."
Especifica cuantos elementos serán visibles.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<option value="...">item
Especifica un elemento (item) en la lista.
Cualquier texto puede ser colocado dentro de este parámetro.
value="..."
Especifica el valor que retornará (parte de la información).
selected
Señala al item o elemento pre-seleccionado cuando se cargue
la lista.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
<textarea atributo1 atributo2> ... </textarea>
Crea una caja de entrada de varias líneas.
Cualquier texto dentro de este tag se muestra como el valor
por omisión.
Atributos:
cols="..."
Especifica la longitud del texto.
rows="..."
Especifica el número de líneas.
name="..."
Especifica un nombre a la caja de entrada.
wrap="..."
Especifica si el texto se truncará.
Los valores posibles son: hard, soft o none
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _