viernes, 25 de mayo de 2012
Practica 24: Registro de la Pagina
BUSCADORES
GOOGLEComo activa su éxito google.com? Es un resultado alfanumérico que se inicia al consultar una duda, ahí, en una espiral de resultados positivos, se activan cientos de miles de servidores, luego millones de procesadores a los que activan 14.000 millones de páginas web e inducen a una potencia a la "n" de cifra digital, que en una abrir y cerrar de ojos obtenemos una respuesta, afirmativa.
YAHOOEl motor de búsqueda que te ayuda a encontrar exactamente lo que buscas. Encuentra la información, los vídeos, imágenes y respuestas más relevantes de toda la Web. Yahoo! Inc. es una empresa global de medios con sede en Estados Unidos, cuya misión es "ser el servicio global de Internet más esencial para consumidores y negocios".
WOLFRAM ALPHAWolfram Alpha es un buscador de respuestas desarrollado por Wolfram Resarch. A diferencia de otros como el de Google, Wolfram Alpha responde a las preguntas directamente en lugar de ofrecer una lista de los documentos o sitios que contengan parte de la palabra/s. Wolfram|Alpha no es un motor de búsqueda, ya que no busca respuestas a las preguntas de un conglomerado de páginas web o documentos.
BINGhttp://www.bing.com
Bing (anteriormente Live Search, Windows Live Search y MSN Search) es un buscador web de Microsoft. Fue puesto en línea el 3 de junio de 2009 con una versión preliminar publicada el 1 de junio del 2009. Cambios notables incluyen la lista de sugerencias de búsqueda en tiempo real, y una lista de las búsquedas relacionadas (llamado "Panel de explorador" en el lado izquierdo de los resultados de búsqueda), basado en tecnología semántica de Powerset2 que Microsoft compro en el 2008. ¿Qué es Bing? Es una herramienta de búsqueda con un aspecto y un funcionamiento totalmente nuevos, que te ayuda a encontrar lo que buscas de forma más rápida y sencilla.
FOOFINDFoofind es un buscador de archivos a nivel global: música, películas, imágenes, ejecutables de software... . Si Google sólo escanea webs en busca del contenido que quiere el usuario, Foofind va mucho más allá, escaneando los servidores de descargas directas, los torrents o los enlaces eDonkey, entre otros. De este modo, la búsqueda de contenidos se vuelve mucho más efectiva.
CCSEARCHCC Search es un buscador muy completo de contenidos bajo licencia Creative Commons, con el que podremos encontrar aquello que necesitemos rápidamente y sin esfuerzo. Para ello sólo tendremos que indicar el nombre de lo que estamos buscando, el tipo de licencia necesitamos y el portal en el que queremos buscar: Blip.tv, Flickr, Fotopedia, Jamendo, Google images, etc. Una vez hecho eso, nos redirigirá al portal en cuestión con nuestra búsqueda, por lo que pese a no hacer nada nuevo, nos da la posibilidad de buscar muy rápidamente en hasta diez portales diferentes. Una herramienta realmente útil para buscar contenidos multimedia para utilizar en nuestros proyectos.
RTBOTRTbot es un buscador que nos muestra los resultados clasificados en categorías dependiendo del tipo de información que se trate o de donde provenga. En concreto, son ocho categorías: vídeos, Wikipedia, imágenes, Twitter, noticias, documentos, blogs y sitios web. Escribimos la búsqueda, pulsamos “Search” y a continuación elegimos la categoría que queremos ver. Según recomiendan en el mismo sitio, el buscador funciona mejor para temas concretos como conceptos, personalidades, sitios, productos, etc. De todas formas, los resultados para búsquedas más generalistas no son tan malos, aunque tampoco tanto como para recomendar su uso de esa manera.
ALTAVISTABuscador de webs, imágenes, MP3/audio, video, directorio, noticias. También ofrece otras herramientas como un traductor, filtro familiar, servicio de páginas amarillas, buscador de personas y comparador de precios de diferentes productos a través de Dealtime (http://altavista.dealtime.com).
La base de datos actual está ordenada según la fórmula de relevancia de AltaVista.
ASK JEEVES Ask Jeeves incluye sus conocidos 'prismáticos', que permiten visualizar la página sin necesidad de entrar.
Esta función permite a los usuarios despedirse del 'antiguo' método, con el que el usuario debe abrir página por página y luego retroceder hasta la lista de resultados.
Ask te permite: Búsqueda avanzada
¿Sabe exactamente lo que quiere encontrar en la web? Utilice las opciones avanzadas para incluir datos específicos en su búsqueda.
Estos son algunos si quieres saber de los de mas entra a esta pagina Buscadores mas Importantes
REGISTRO DE LA PAGINA WEB
Primero tienes que elegir el buscador que creas mas conveniente para tu pagina en este caso yo elegi google por que es el mas utilizado pero para poder llevar acabo el registro debes tener tu pagina ya publicada en la web, si ya la tienes publicada lo unico que tienes que hacer es ir al suguiente link Registro en Google si no tienes iniciada sesion en google te pedira que inicies sesion para esto tendras que tener una cuenta en gmail, ya que inicies sesion te redireccionara ala pagina donde tienes que poner el url de tu pagina poner las captchas que te piden y podras enviar la solicitud , te aparesera un mensaje que te dira si lo hicistes bien, si todo salio bien en un maximo de 24hrs tu pagina estara indexada a google y la podras encontrar con el buscador.
Si quieres registrar tu pagina en otros buscadores te dejo algunos de los mas usados:
Mexico Web
Plubicacion de la Pagina
Yo la subi en 000webhost y aqui te voy a enseñar como subir tu pagina a este servido.
- Primero te vas a la pagina http://www.000webhost.com
- Se dirigen a la area de Sign up
- Llenan lo que se les pide
- Dentro del area del panel de control ,dan click en ir al panel de control(Go to Panel)
- Ya en el panel de control se van a detalles de la cuentan(View Account details)
- Les van a salir los datos para la conexion FTP
- Los datos que vas a nesecitar son los de detalles del sitio y los detalles de la conexion
- Abrimos Dreamweaver, creas el sitio con todas tus carpetas de tu sitio antes de aceptar se van a servidores
- En la ventana que aparece le dan a el icono que esta en forma de mas
- Ahi les aparecera una ventana donde tienen que poner los datos que aprecen en los detalles del sitio y detalles de la conexion (paso 7)
- Aceptamos y probamos la conexion cuando este lista lo a guardamos y aceptamos ya tendremos nuestro sitio conectado ala sitio
- En el dreamweaver tenemos que cambiar la opcion de vista local a vista remota
- Para sivir todo el sitio nos vamos a vista local y damos click en nuestra carpeta principal del sitio
- Luego vamos a darle click ala flecha azul (Colocar arhivos)
- Ya que termine de subir los archivos vamos a vista remota y deben estar todas nuestras carpetas y archivos si no es asi actualiza y tendran que aparecer
- Nos vamos ala bandeja de entrada de nuestro post (file manager) escriben su pasword dan enter
- Se van ala carpeta public_html ahi van a estar todos los archivos que an subido seleccionan el archivo default.php lo eliminan
- Ya que lo eliminan se van a su link y veran que su pagina ya esta en la web
miércoles, 18 de abril de 2012
Practica 17 Terminología básica del software para diseñar páginas WEB
Realiza una búsqueda en internet y define lo siguiente:
1.-CSS
Es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML).
2.-Maquetación
Es a comodar los elementos visuales de una pagina web con el fin de crear lo que llamariamos la "interfaz de usuario" es decir, aquellos elementos con los que el navegante interactua.
La maquetacion generalmente esta referida a css, x/html y/o tablas, por lo cual si programas en js no estas maquetando, si bien desde js se puede acceder a los elementos de un diseño y manipularlos.
3.-Plantilla en Dreamweaver
Es una estructura en la que hay partes no editables (que no se van a poder modificar) y otras que son modificables para llenarse de contenido.4.-Contenedor en Dreamweaver
5.-Región editable
Son secciones de una plantilla que incluyen contenido cambiante, como el de un articulo.
6.-Comportamientos en Dreamweaver
Son acciones que suceden cuando los usuarios realizan algún evento sobre un objeto, como puede ser mover el ratón sobre una imagen, pulsar sobre un texto, hacer doble clic sobre un mapa de imagen, etc.
7.-Tabla
Las tablas sirven para organizar datos e imágenes en un archivo HTML.
Consisten de tres elementos básicos: filas, columnas y celdas (que surgen de la intersección de una fila con columna). Para crear una tabla debemos hacer clic sobre el botón Insertar tabla (Insert Table) de la paleta de Objetos.
8.-Formulario
Se llama formulario a una plantilla o página con espacios vacíos que han de ser rellenados con alguna finalidad, por ejemplo una solicitud de empleo en la que has de rellenar los espacios libres con la información personal requerida.
Para encuestas, para realizar opiniones de los usuarios
9.-Formulario de contacto
Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, hacer suscripciones a un boletín o revista que editemos, etc.
10-.Que es DreamWeaver
Adobe Dreamweaver es una aplicación en forma de suite (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.
http://es.wikipedia.org/wiki/Dreamweaver
http://www.webtaller.com/construccion/programas/editores/dreamweaver/lecciones/tablas_dreamweaver.php
http://www.webtaller.com/construccion/programas/editores/dreamweaver/lecciones/tablas_dreamweaver.php
http://www.webtaller.com/construccion/programas/editores/dreamweaver/lecciones/formularios_dreamweaver.php
1.-CSS
Es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML).
2.-Maquetación
Es a comodar los elementos visuales de una pagina web con el fin de crear lo que llamariamos la "interfaz de usuario" es decir, aquellos elementos con los que el navegante interactua.
La maquetacion generalmente esta referida a css, x/html y/o tablas, por lo cual si programas en js no estas maquetando, si bien desde js se puede acceder a los elementos de un diseño y manipularlos.
3.-Plantilla en Dreamweaver
Es una estructura en la que hay partes no editables (que no se van a poder modificar) y otras que son modificables para llenarse de contenido.4.-Contenedor en Dreamweaver
5.-Región editable
Son secciones de una plantilla que incluyen contenido cambiante, como el de un articulo.
6.-Comportamientos en Dreamweaver
Son acciones que suceden cuando los usuarios realizan algún evento sobre un objeto, como puede ser mover el ratón sobre una imagen, pulsar sobre un texto, hacer doble clic sobre un mapa de imagen, etc.
7.-Tabla
Las tablas sirven para organizar datos e imágenes en un archivo HTML.
Consisten de tres elementos básicos: filas, columnas y celdas (que surgen de la intersección de una fila con columna). Para crear una tabla debemos hacer clic sobre el botón Insertar tabla (Insert Table) de la paleta de Objetos.
8.-Formulario
Se llama formulario a una plantilla o página con espacios vacíos que han de ser rellenados con alguna finalidad, por ejemplo una solicitud de empleo en la que has de rellenar los espacios libres con la información personal requerida.
Para encuestas, para realizar opiniones de los usuarios
9.-Formulario de contacto
Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, hacer suscripciones a un boletín o revista que editemos, etc.
10-.Que es DreamWeaver
Adobe Dreamweaver es una aplicación en forma de suite (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.
http://es.wikipedia.org/wiki/Dreamweaver
http://www.webtaller.com/construccion/programas/editores/dreamweaver/lecciones/tablas_dreamweaver.php
http://www.webtaller.com/construccion/programas/editores/dreamweaver/lecciones/tablas_dreamweaver.php
http://www.webtaller.com/construccion/programas/editores/dreamweaver/lecciones/formularios_dreamweaver.php
viernes, 3 de febrero de 2012
Actividad 8: Atributos de las Etiquetas
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 version HTML 3.2.
<HEAD> ... </HEAD>
Encabezados del Documento. Los siguientes son los parámetros del Comando head.
<title> ... </title>
Indica el Titulo del Documento. Aparece en la ventana del Navegador.
<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 attributo1, attributo2>
Este comando describe algunas caracteristicas del documento. Por ejemplo:
<Meta http-Equiv="Refresh" Content=ss>
Actualiza la pagina 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 attributo1=".." attributo2=".."> ... </BODY>
Contiene el cuerpo del Documento, o el contenido de la Página.
-----------------------------------------------------
ATRIBUTOS
ALINK="..." Especifica el color de las Direcciones activadas en la página.
BACKGROUND="..." Especifica el papel tapiz de la página. un Archivo *.jpg o *.gif.
BGCOLOR="..."Especifica el Color del Fondo del Documento.
Los colores son expresados en formato RGB(Red, Green,Blue), donde cada color tiene un valor desde el 0 (0) hasta el 255 (FF).
Amarillo = #FFFF00
Azul = #0000FF
Azul Claro = #00CCFF
Blanco = #FFFFFF
Gris = #CC9999
Lila = #CC33FF
Negro = #000000
Rojo = #FF0000
Verde = #00FF00
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 direcciones visitadas, incluidas en el Documento.
<BASEFONT atributo= " ">
Fija los atributos de escritura en toda la página.
ATRIBUTOS
SIZE="..." Fija el tamaño de las Letras, se usa un número entre 1 y 7 donde el 3 es el tamaño por omisión. Tambien permite
tamaños relativos, e.j. SIZE=+2 .
COLOR="..." Especifica el color de las Letras en todo el Documento.
NAME="..." Especifica el tipo de apariencia de la Letra 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.
<ISINDEX>
Muestra un diálogo de indice de busqueda. Con este comando solamente no se puede crear una pagina 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.
Formato General:
<ADDRESS>.....< /ADDRESS>
Encierra el archivo de firma del autor de la página. El texto se muestra en Italicas.
<B>...< /B>
Resalta en Negritas el Texto encerradot.
<BIG>...< /BIG>
Incrementa el tamaño del Texto.
<BLINK>.....< /BLINK>
Hace el texto parapadeante.
<BLOCKQUOTE>.....< /BLOCKQUOTE>
Encierra un enfasis. El margen izquierdo y derecho están indentados.
<BR>
Inserta un final de línea.
Atributos:
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 comando puede centrar cualquier cosa incluyendo imagenes, texto, tablas, formularios,
etc.
<CITE>.....< /CITE>
Encierra una Cita como un titulode un libro,etc.
<CODE>.....< /CODE>
Encierra Codigo de ejemplo. El texto se muestra en letras pequeñas.
<COMMENT>.....< /COMMENT>
Define un comentario. Todo el texto es ignorado aun si incluye codigo HTML.
<DFN>.....< /DFN>
Encierra una definición. El texto dentro de este comando 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.
Atributos:
ALIGN="..."--Fija el alineaminto. Por ejemplo: "center", "right", o "left".
<EM>...< /EM>
El texto se muestra en cursivas (Itálicas).
<FONT atributo=">...< /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.
FACE="..."--Especifica el tipo de letra. Se puede definir una lista separada por comas. Por ejemplo: Arial, Verdana, etc.
<HR atributo1="..." atributo2="...">
Inserta una líea 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, ejemplo. WIDTH=70% .
ALIGN="..."--Especifica el alineamiento: RIGHT, LEFT, o CENTER.
NOSHADE--Muestra la línea como sólido.
<I>...< /I>
Presenta el texto encerrado como Itálicas.
<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 comando PRE.
<MULTICOL>.....< /MULTICOL>
Muestra un texto en columnas.
Atributos:
COLS="..."--Especifica el numero de columnas.
GUTTER="..."--Especifica el numero 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 parrafo. El cierre es opcional.
Atributos:
ALIGN="..."--Especifica el alineamiento del parrafo. Por ejemplo:"center", "left", o "right".
<PLAINTEXT>.....< /PLAINTEXT>
Muestra el texto sin formato aun cuando contenga comandos de HTML. Obsoleto -- Se usa el comando 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 comando <STRIKE>.
<SAMP>...< /SAMP>
Indica un ejemplo de salida para un formulario o programa. El texto se muestra en tamaño pequeño.
<SMALL>...< /SMALL>
Muestra el texto en tamaño pequeño.
<SPACER atributo>...< /SPACER>
(Netscape) Inserta bloques de espacios en la página.
Atributos:
ALIGN="..."--Cuando el tipo es de Bloque (BLOCK) especifica el alineamiento del texto alrededor.
Valores:
RIGHT o 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 espoacios rectangular, muchos usan el comando 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 subindice.
<SUP>...< /SUP>
Muestra el texto encerrado como superindice.
<TT>...< /TT>
Muestra el texto en formato teletipo.
<U>...< /U>
Muestra el texto subrayado. No use este comando puede confundir con una dirección o Link.
<VAR>...< /VAR>
Especifica una variable. Eltexto 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 coamdos HTML que contenga. Obsoleto -- Se usa el comando 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 video 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 Video. (IE)
LOOP="n" Para videos, especifica en número de repetición del video. Un valor de "-1" o "INFINITE" repite el video
indefinidamente. (IE)
START="..." Especifica el momento inicial de reproducción del video. 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 los Browser que no soportan imagenes.
BORDER="..." Especifica el ancho del borde alrededor de la imagen. Si BORDER es "0", No presenta bordes en la imagen.
LOWSRC="..."--Especifica la Direeción de la imagen que se cargará primero antes de que la imagen sea cargada. LOWSRC
usualmente se refiere a una imagen pequeña.
ALIGN="..."--especifica el alineamiento de la imagen.
Valores:
RIGHT o 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 encima 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 comando 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 el el mapa que se muestra. Se usa dentro del comando 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 rectangulo, tres o mas pares
definen un poligono, y un par de coordenadas y un radio define un Circulo.
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 pagina 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.
<MAP atributo>...< /MAP>
Especifica los puntos de selección de una imagen. El comando 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 el el mapa que se muestra. Se usa dentro del comando 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 rectangulo, tres o mas pares
definen un poligono, y un par de coordenadas y un radio define un Circulo.
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 pagina 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 numero 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. Loa 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 del texto en Pixels o %.
HSPACE="n"--Fija el margen en espacios a la derecha e izquierda del texto.
LOOP="n"-- Fija el numero 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 del Marquee en pixels o %.
<APPLET atributo1 atributo2> parametros1 parametros2 ... < /APPLET>
Inserta un applet de Java en el documento. Cualquier texto dentro del comando APPLET se mostrará en los browser que no soportan JAVA.
Atributos:
ALIGN="..."-- Fija el alineamiento del applet, los parametros son "LEFT", "RIGHT", "TOP", "MIDDLE", o "BOTTOM".
ALT="..."--Muestra un mensaje cuando el brwoser 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 superio e inferior del applet.
WIDTH="..."--Fija el ancho del applet en pixel o en %.
Parametros:
Estos son los parametros especificaos de cada applet, que son pasasdos como argumentos. Se expresan como comandos así
<PARAM NAME="..." VALUE="..." >
<EMBED atributo1 atributo2>< /EMBED>
Inserta un objeto multimedia, como un corto de video 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ñ en pixels o %.
LOOP="..."-- Fija el numero 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 atributo> ...sentencias script ... < /SCRIPT>
Encierra el codigo de programación que se ejecuta en la pagina. Para matener compatibilidad los comandos están marcados como
cometarios, (<!-- comandos script... --> )
Atributos:
LANGUAGE="..."--Especifica el elnguaje usado en el script, como "VBScript" Visual Basic Script o "JavaScript" Java Script. b>
SRC="..."-- Indica la ubicación del archivo que contiene un script.
Se usa si ud. no quiere tener el codigo de programación en la página.
<NOSCRIPT> ... < /NOSCRIPT>
Muestra todo lo que quiera diferente a codigo de programación. Este comando va dentro del comando 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 grafica 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 codigo script cunado se hace click con el
mouse. onMouseOver="--Activa un codigo 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"--Craga 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 comando enumera los parrafos como una lista de palabras usando los siguientes sub-comandos: <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.
START="..."--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. Donde, <DT> especifica un termino de la lista y <DD> especifica el contenido del termino.
Particiones de Ventanas (Frames):
<FRAMESET atributo1="..." atributo2="...">...< /FRAMESET>
Define una serie de ventanas que forman una página. Los comandos FRAME, y NOFRAMES van dentro de FRAMESET. El comando
FRAMESET se usa como el comando BODY.
Se puede incluir un comando BODY dentro del comando NOFRAMES 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 (*). Por ejemplo, Si usted queire 3 frames de igual tamaño en forma de columna use el atributo COL 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.
Por ejemplo, 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 comunes son; 0 (sin borde) o 1
(Omisión).(IE)
MARGINHEIGHT="..."--Especifica los margenes superior e inferior.
MARGINWIDTH="..."--Especifica el 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 mas comunes son "yes", "no", y "auto".
SRC="..."--Indica el archivo que contiene el frame.
<IFRAME atributo1="..." atributo2="...">< /IFRAME> (IE)
Define un frame eventual. No necesita el comando FRAMESET.
Atributos:
ALIGN="..."--Especifica la posicion del texto alrededor del frame. Los valores posibles son TOP, MIDDLE, BOTTOM, LEFT, y
RIGHT.
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)
HEIGHT="..."--Especifica la altura del frame eventual.
MARGINHEIGHT="..."--Especifica los margenes superior e inferior.
MARGINWIDTH="..."--Especifica el 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 mas comunes 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 comando 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)
Tipos 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 una titulo para la tabla.
Atributos:
ALIGN="..."--Fija la posición del titulo. los valores usados 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. Por ejemplo; 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. Por ejemplo; 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 numero de filas a unir.
COLSPAN="..."--Especifica el numero de Columnas a unir.
WIDTH="..."--Especifica el ancho de la celda.
<TD atributo1="..." atributo2="...">
Se usa dentro del comando TR y define los datos en una celda.
Se puede usar el cierre del comando.
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 numero de filas a unir.
COLSPAN="..."--Especifica el numero 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 comando va despues del comando 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 colunas donde se aplica.
<COL atributo1="..." atributo2="...">(IE)
Se usa con el comando COLGROUP, y especifica la propiedad de una columna. Este comando omite cualquier atributo del comando
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 comando es opcional si se usan los comandos 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 comando TBODY.
<THEAD>...< /THEAD>(IE)
Encierra las filas que serán usadas como encabezado. Se usa antes del comando TBODY.
Formularios (Forms):
<FORM atributo1="..." atributo2="...">.....< /FORM>
Especifica un formulario (Form). 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 especificau na 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 pagina 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 alrrededor de la imagen. Por ejemplo: 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 contro o la caja de entrada. (Parte de la información)
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 boton tipo 3D.
TYPE="..."--Especifica el tipo de control.
Valores:
CHECKBOX--Crea una caja de chequeo (checkbox). Si el usuario la selecciona, Se envía la información correspondiente al
servidor.
HIDDEN--No se muestra nada, 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 lisat desplegable (drop-down). Los elementos de la lista se definen con OPTION dentro del comando SELECT.
Atributos:
MULTIPLE--Especifica que se pueden seleccionar multiples valores.
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 parametro.
VALUE="..."--Especifica el valor que se 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 netrada de varias líneas. Cualquier texto dentro de este comando se muestra como el valor por omisión.
Atributos:
COLS="..."--Especifica la longitud del texto.
ROWS="..."--Especifica el numero 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".
http://foros.abcdatos.com/viewtopic.php?t=10117
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 version HTML 3.2.
<HEAD> ... </HEAD>
Encabezados del Documento. Los siguientes son los parámetros del Comando head.
<title> ... </title>
Indica el Titulo del Documento. Aparece en la ventana del Navegador.
<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 attributo1, attributo2>
Este comando describe algunas caracteristicas del documento. Por ejemplo:
<Meta http-Equiv="Refresh" Content=ss>
Actualiza la pagina 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 attributo1=".." attributo2=".."> ... </BODY>
Contiene el cuerpo del Documento, o el contenido de la Página.
-----------------------------------------------------
ATRIBUTOS
ALINK="..." Especifica el color de las Direcciones activadas en la página.
BACKGROUND="..." Especifica el papel tapiz de la página. un Archivo *.jpg o *.gif.
BGCOLOR="..."Especifica el Color del Fondo del Documento.
Los colores son expresados en formato RGB(Red, Green,Blue), donde cada color tiene un valor desde el 0 (0) hasta el 255 (FF).
Amarillo = #FFFF00
Azul = #0000FF
Azul Claro = #00CCFF
Blanco = #FFFFFF
Gris = #CC9999
Lila = #CC33FF
Negro = #000000
Rojo = #FF0000
Verde = #00FF00
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 direcciones visitadas, incluidas en el Documento.
<BASEFONT atributo= " ">
Fija los atributos de escritura en toda la página.
ATRIBUTOS
SIZE="..." Fija el tamaño de las Letras, se usa un número entre 1 y 7 donde el 3 es el tamaño por omisión. Tambien permite
tamaños relativos, e.j. SIZE=+2 .
COLOR="..." Especifica el color de las Letras en todo el Documento.
NAME="..." Especifica el tipo de apariencia de la Letra 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.
<ISINDEX>
Muestra un diálogo de indice de busqueda. Con este comando solamente no se puede crear una pagina 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.
Formato General:
<ADDRESS>.....< /ADDRESS>
Encierra el archivo de firma del autor de la página. El texto se muestra en Italicas.
<B>...< /B>
Resalta en Negritas el Texto encerradot.
<BIG>...< /BIG>
Incrementa el tamaño del Texto.
<BLINK>.....< /BLINK>
Hace el texto parapadeante.
<BLOCKQUOTE>.....< /BLOCKQUOTE>
Encierra un enfasis. El margen izquierdo y derecho están indentados.
<BR>
Inserta un final de línea.
Atributos:
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 comando puede centrar cualquier cosa incluyendo imagenes, texto, tablas, formularios,
etc.
<CITE>.....< /CITE>
Encierra una Cita como un titulode un libro,etc.
<CODE>.....< /CODE>
Encierra Codigo de ejemplo. El texto se muestra en letras pequeñas.
<COMMENT>.....< /COMMENT>
Define un comentario. Todo el texto es ignorado aun si incluye codigo HTML.
<DFN>.....< /DFN>
Encierra una definición. El texto dentro de este comando 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.
Atributos:
ALIGN="..."--Fija el alineaminto. Por ejemplo: "center", "right", o "left".
<EM>...< /EM>
El texto se muestra en cursivas (Itálicas).
<FONT atributo=">...< /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.
FACE="..."--Especifica el tipo de letra. Se puede definir una lista separada por comas. Por ejemplo: Arial, Verdana, etc.
<HR atributo1="..." atributo2="...">
Inserta una líea 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, ejemplo. WIDTH=70% .
ALIGN="..."--Especifica el alineamiento: RIGHT, LEFT, o CENTER.
NOSHADE--Muestra la línea como sólido.
<I>...< /I>
Presenta el texto encerrado como Itálicas.
<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 comando PRE.
<MULTICOL>.....< /MULTICOL>
Muestra un texto en columnas.
Atributos:
COLS="..."--Especifica el numero de columnas.
GUTTER="..."--Especifica el numero 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 parrafo. El cierre es opcional.
Atributos:
ALIGN="..."--Especifica el alineamiento del parrafo. Por ejemplo:"center", "left", o "right".
<PLAINTEXT>.....< /PLAINTEXT>
Muestra el texto sin formato aun cuando contenga comandos de HTML. Obsoleto -- Se usa el comando 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 comando <STRIKE>.
<SAMP>...< /SAMP>
Indica un ejemplo de salida para un formulario o programa. El texto se muestra en tamaño pequeño.
<SMALL>...< /SMALL>
Muestra el texto en tamaño pequeño.
<SPACER atributo>...< /SPACER>
(Netscape) Inserta bloques de espacios en la página.
Atributos:
ALIGN="..."--Cuando el tipo es de Bloque (BLOCK) especifica el alineamiento del texto alrededor.
Valores:
RIGHT o 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 espoacios rectangular, muchos usan el comando 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 subindice.
<SUP>...< /SUP>
Muestra el texto encerrado como superindice.
<TT>...< /TT>
Muestra el texto en formato teletipo.
<U>...< /U>
Muestra el texto subrayado. No use este comando puede confundir con una dirección o Link.
<VAR>...< /VAR>
Especifica una variable. Eltexto 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 coamdos HTML que contenga. Obsoleto -- Se usa el comando 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 video 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 Video. (IE)
LOOP="n" Para videos, especifica en número de repetición del video. Un valor de "-1" o "INFINITE" repite el video
indefinidamente. (IE)
START="..." Especifica el momento inicial de reproducción del video. 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 los Browser que no soportan imagenes.
BORDER="..." Especifica el ancho del borde alrededor de la imagen. Si BORDER es "0", No presenta bordes en la imagen.
LOWSRC="..."--Especifica la Direeción de la imagen que se cargará primero antes de que la imagen sea cargada. LOWSRC
usualmente se refiere a una imagen pequeña.
ALIGN="..."--especifica el alineamiento de la imagen.
Valores:
RIGHT o 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 encima 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 comando 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 el el mapa que se muestra. Se usa dentro del comando 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 rectangulo, tres o mas pares
definen un poligono, y un par de coordenadas y un radio define un Circulo.
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 pagina 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.
<MAP atributo>...< /MAP>
Especifica los puntos de selección de una imagen. El comando 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 el el mapa que se muestra. Se usa dentro del comando 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 rectangulo, tres o mas pares
definen un poligono, y un par de coordenadas y un radio define un Circulo.
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 pagina 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 numero 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. Loa 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 del texto en Pixels o %.
HSPACE="n"--Fija el margen en espacios a la derecha e izquierda del texto.
LOOP="n"-- Fija el numero 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 del Marquee en pixels o %.
<APPLET atributo1 atributo2> parametros1 parametros2 ... < /APPLET>
Inserta un applet de Java en el documento. Cualquier texto dentro del comando APPLET se mostrará en los browser que no soportan JAVA.
Atributos:
ALIGN="..."-- Fija el alineamiento del applet, los parametros son "LEFT", "RIGHT", "TOP", "MIDDLE", o "BOTTOM".
ALT="..."--Muestra un mensaje cuando el brwoser 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 superio e inferior del applet.
WIDTH="..."--Fija el ancho del applet en pixel o en %.
Parametros:
Estos son los parametros especificaos de cada applet, que son pasasdos como argumentos. Se expresan como comandos así
<PARAM NAME="..." VALUE="..." >
<EMBED atributo1 atributo2>< /EMBED>
Inserta un objeto multimedia, como un corto de video 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ñ en pixels o %.
LOOP="..."-- Fija el numero 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 atributo> ...sentencias script ... < /SCRIPT>
Encierra el codigo de programación que se ejecuta en la pagina. Para matener compatibilidad los comandos están marcados como
cometarios, (<!-- comandos script... --> )
Atributos:
LANGUAGE="..."--Especifica el elnguaje usado en el script, como "VBScript" Visual Basic Script o "JavaScript" Java Script. b>
SRC="..."-- Indica la ubicación del archivo que contiene un script.
Se usa si ud. no quiere tener el codigo de programación en la página.
<NOSCRIPT> ... < /NOSCRIPT>
Muestra todo lo que quiera diferente a codigo de programación. Este comando va dentro del comando 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 grafica 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 codigo script cunado se hace click con el
mouse. onMouseOver="--Activa un codigo 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"--Craga 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 comando enumera los parrafos como una lista de palabras usando los siguientes sub-comandos: <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.
START="..."--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. Donde, <DT> especifica un termino de la lista y <DD> especifica el contenido del termino.
Particiones de Ventanas (Frames):
<FRAMESET atributo1="..." atributo2="...">...< /FRAMESET>
Define una serie de ventanas que forman una página. Los comandos FRAME, y NOFRAMES van dentro de FRAMESET. El comando
FRAMESET se usa como el comando BODY.
Se puede incluir un comando BODY dentro del comando NOFRAMES 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 (*). Por ejemplo, Si usted queire 3 frames de igual tamaño en forma de columna use el atributo COL 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.
Por ejemplo, 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 comunes son; 0 (sin borde) o 1
(Omisión).(IE)
MARGINHEIGHT="..."--Especifica los margenes superior e inferior.
MARGINWIDTH="..."--Especifica el 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 mas comunes son "yes", "no", y "auto".
SRC="..."--Indica el archivo que contiene el frame.
<IFRAME atributo1="..." atributo2="...">< /IFRAME> (IE)
Define un frame eventual. No necesita el comando FRAMESET.
Atributos:
ALIGN="..."--Especifica la posicion del texto alrededor del frame. Los valores posibles son TOP, MIDDLE, BOTTOM, LEFT, y
RIGHT.
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)
HEIGHT="..."--Especifica la altura del frame eventual.
MARGINHEIGHT="..."--Especifica los margenes superior e inferior.
MARGINWIDTH="..."--Especifica el 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 mas comunes 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 comando 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)
Tipos 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 una titulo para la tabla.
Atributos:
ALIGN="..."--Fija la posición del titulo. los valores usados 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. Por ejemplo; 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. Por ejemplo; 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 numero de filas a unir.
COLSPAN="..."--Especifica el numero de Columnas a unir.
WIDTH="..."--Especifica el ancho de la celda.
<TD atributo1="..." atributo2="...">
Se usa dentro del comando TR y define los datos en una celda.
Se puede usar el cierre del comando.
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 numero de filas a unir.
COLSPAN="..."--Especifica el numero 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 comando va despues del comando 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 colunas donde se aplica.
<COL atributo1="..." atributo2="...">(IE)
Se usa con el comando COLGROUP, y especifica la propiedad de una columna. Este comando omite cualquier atributo del comando
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 comando es opcional si se usan los comandos 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 comando TBODY.
<THEAD>...< /THEAD>(IE)
Encierra las filas que serán usadas como encabezado. Se usa antes del comando TBODY.
Formularios (Forms):
<FORM atributo1="..." atributo2="...">.....< /FORM>
Especifica un formulario (Form). 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 especificau na 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 pagina 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 alrrededor de la imagen. Por ejemplo: 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 contro o la caja de entrada. (Parte de la información)
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 boton tipo 3D.
TYPE="..."--Especifica el tipo de control.
Valores:
CHECKBOX--Crea una caja de chequeo (checkbox). Si el usuario la selecciona, Se envía la información correspondiente al
servidor.
HIDDEN--No se muestra nada, 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 lisat desplegable (drop-down). Los elementos de la lista se definen con OPTION dentro del comando SELECT.
Atributos:
MULTIPLE--Especifica que se pueden seleccionar multiples valores.
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 parametro.
VALUE="..."--Especifica el valor que se 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 netrada de varias líneas. Cualquier texto dentro de este comando se muestra como el valor por omisión.
Atributos:
COLS="..."--Especifica la longitud del texto.
ROWS="..."--Especifica el numero 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".
http://foros.abcdatos.com/viewtopic.php?t=10117
jueves, 2 de febrero de 2012
Actividad 4 : Estructura Basica de HTML
Todos los documentos Html tienen la estructura que se muesta a continuación, aunque la etiqueta <body> puede ser sustituida por <frameset> para un tipo de páginas que dividen la ventana del navegador en varios cuadros (frames).
<HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
...
</HEAD>
<BODY>
Aquí iría el contenido de la página
</BODY>
</HTML> http://platea.pntic.mec.es/~abercian/guiahtml/estructura.htm
Actividad 3: Elementos Basicos de HTML
Antes de empezar a crear la pagina WEB es necesario que conozcas los terminos basicos que estaras utilizando en el transcurso de este bloque, por que es necesario que realices una busqueda en internet, definas los terminos y lo publiques en tu blog.
BLOC DE NOTAS:
Es un programa que permite crear y modificar archivos compuestos por texto sin formato.
BUSCADOR:
Es un sistema informático que busca archivos almacenados la web.
ETIQUETA:
Es el lenguaje de marcado predominado para la elaboración de paginas web.
HIPERTEXTO:
Nombre que recibe el texto que permite conducir a otros textos relacionados.
LENGUAJE HTML:
Es un lenguaje de marcación especialmente ideado para permitir la creación de contenidos basados en el hipertexto, es decir, enlaces que permiten desplazarnos a través de diversos documentos en cualquier momento.
MARCAS (TAG):
Son las etiquetas con las que indicamos el contenido del sitio.
NAVEGADOR:
Es una aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que podamos ser capaces de leerla, (ya se encuentre ésta alojada en un servidor dentro de la World Wide Web o en un servidor local).
Es una aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que podamos ser capaces de leerla, (ya se encuentre ésta alojada en un servidor dentro de la World Wide Web o en un servidor local).
PAGINA WEB
Es el nombre de un documento o información electrónica adaptada para la Word Wide Web y que puede ser accedida mediante un navegador o para computadora o dispositivo móvil.
PLATAFORMA:
Se refiere al sistema operativo o sistemas complejos que a su vez sirven para crear programas, como las plataformas de desarrollo.
SERVIDOR WEB:
Un servidor web o servidor HTTP es un programa informático que procesa una aplicación del lado del servidor realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el cliente generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente
VINCULOS:
http://es.wikipedia.org/wiki/Hiperenlace
http://es.wikipedia.org/wiki/Servidor_web
http://es.wikipedia.org/wiki/Navegadores
Es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento.
http://es.wikipedia.org/wiki/Servidor_web
http://es.wikipedia.org/wiki/Navegadores
Suscribirse a:
Entradas (Atom)