Embed Size (px)
Citation preview
2
|
ATRIBUTOS body, marquee y title.
República de Panamá
Técnico Superior en Ingeniería de Sistemas
Universidad Metropolitana de Educación, Ciencia y Tecnología
Instituto Politécnico de Las Américas
Lenguaje de Programación IIII
Tema: Atributos de BODY, TABLE, MARQUEE.
Bajo el Criterio del Profesor: Yessica Chablé
Pertenece a: Melissa M. Moreno
Cédula: 8-863-1955
Fecha de entrega: sábado 21 de enero
Año electivo
“2012”
La etiqueta BODY presenta algunos atributos que son de definición global para todo el documento, estos definirán los colores y el fondo del documento HTML.
Los atributos de BODY son:
<BODY BACKGROUND="URL" BGCOLOR=#rrvvaa TEXT=#rrvvaa LINK=#rrvvaa VLINK=#rrvvaa >
BACKGROUND="URL":
Definirá la imagen que se utilizará de fondo del documento HTML, la URL definida será el camino a una imagen. Esta se muestra debajo del texto y las imágenes del documento HTML. En el caso de que la imagen no rellene todo el fondo del documento esta será reproducida tantas veces como sea necesario.
BGCOLOR=#rrvvaa ó nombre del color:
Indicará el color del fondo del documento HTML, solo se utilizará si no se ha definido una imagen de fondo, o si esta imagen no puede obtenerse.
TEXT=#rrvvaa ó nombre del color:
Especificará el color del texto normal dentro del documento HTML. Por defecto será normalmente negro.
LINK=#rrvvaa ó nombre del color:
Indicará el color que tendrán los hiperenlaces que no han sido accedidos. Por defecto será azul.
VLINK=#rrvvaa ó nombre del color:
Color de los enlaces que ya han sido visitados. Por defecto es un color azul más oscuro.
Ejemplos
Algunos ejemplos podrían ser:
<body background= "http://www2.uca.es/fondos1/fondo15.gif">
El documento tendrá como fondo la imagen indicada en la URL
<body bgcolor=blue text=white link=red vlink=aqua>
En este caso el fondo será azul, el texto blanco, los enlaces rojos y los enlaces visitados color agua
<body bgcolor=0000FF text=FFFFFF link=FF0000 vlink=008200>
Este caso es similar al anterior pero usando el formato hexadecimal para definir los colores, el fondo será azul, el texto blanco, los enlaces rojos y los enlaces visitados color verde oscuro
Marquesinas (Marquees)
Una marquesina (en inglés, marquee) es una ventana en la que se desplaza un texto. Sólo son válidas para el Explorer de Microsoft (en el Netscape se verá como texto fijo).
La etiqueta básica es:
<MARQUEE> Texto que se desplaza </MARQUEE>
WIDHT, HEIGHT Ajustan la anchura y altura, respectivamente, de la marquesina. Pueden ser igual a un número de pixels, o a un porcentaje de la pantalla. Ejemplo:
<MARQUEE WIDTH=50% HEIGHT=60> Esta marquesina ocupa el 50% del ancho de la pantalla y tiene una altura de 60 pixels </MARQUEE>
ALIGN Modifica el alineamiento del texto que rodea a la marquesina, que puede ser TOP (arriba), MIDDLE (en medio) o BOTTOM (abajo). Ejemplo:
<MARQUEE WIDTH=50% HEIGHT=60 ALIGN=BOTTOM>La palabra "¡Hola!" estará alineada con la parte inferior de la marquesina</MARQUEE> ¡Hola!
BEHAVIOR Este atributo (que quiere decir en inglés comportamiento) sirve para definir de qué manera se va a efectuar el desplazamiento del texto. Si es igual a SCROLL (el valor por defecto), el texto aparece por un lado, se desplaza hasta el otro hasta desaparecer por él, y vuelve a empezar (como los casos que hemos visto anteriormente). Si es igual a SLIDE, aparece por un lado y se desplaza hasta llegar al otro extremo, y se para ahí. Si es igual a ALTERNATE se desplaza alternativamente hacia un lado y otro, siempre dentro de los límites de la marquesina. Ejemplo:
<MARQUEE BEHAVIOR=ALTERNATE>Este texto se mueve a un lado y otro, sin desaparecer</MARQUEE>
BGCOLOR Con este atributo se modifica el color de fondo de la marquesina. Ejemplo:
<MARQUEE BGCOLOR="#FF7070"> Esta marquesina tiene un fondo de color rosa </MARQUEE>
DIRECTION Este atributo sirve para modificar la dirección hacia la que se dirige el texto. Por defecto es LEFT (izquierda). Se puede hacer que el texto se dirija hacia la derecha igualando este atributo a RIGHT. Ejemplo:
<MARQUEE DIRECTION=RIGHT> Este texto se dirije hacia la derecha </MARQUEE>
SCROLLAMOUNT Define la cantidad de desplazamiento del texto en cada movimiento de avance, expresado en pixels. Cuanto mayor es el número, más rápido avanza. Ejemplo:
<MARQUEE SCROLLAMOUNT=50> Doy saltos grandes </MARQUEE>
SCROLLDELAY Define el tiempo entre cada movimiento de avance, expresado en milisegundos. Cuanto mayor es el número más lento avanza. Ejemplo:
<MARQUEE SCROLLDELAY =200> Espero mucho entre cada salto </MARQUEE>
LOOP Específica el número de veces que aparecerá el texto. Es indefinido por defecto.
HSPACE, VSPACE Definen, respectivamente, la separación en sentido horizontal o vertical del texto que está fuera de la marquesina.
WIDTH
El atributo width establece el ancho de la tabla, en porcentaje o en píxeles.
BORDER
El atributo border establece el grosor del borde de la tabla. El valor se interpreta en píxeles y no admite unidades. Si el valor es 0 o el atributo no está presente, los navegadores no dibujan ni el borde exterior de la tabla ni los bordes interiores de las celdas.
FRAME
El atributo frame establece qué lados del borde exterior de la tabla son visibles. Los valores posibles son void (sin borde), above (borde superior), below (borde inferior), hside (bordes horizontales), lhs (borde izquierdo), rhs (borde derecho), vsides (bordes verticales), box (los cuatro bordes) y border (los cuatro bordes).
RULES
El atributo rules establece qué lados de los bordes interiores de la tabla son visibles. Los valores posibles son none (ningún borde), all (todos los bordes), rows (los bordes de cada fila), cols (los bordes de cada columna) y groups (los bordes de los <tbody> y de los <colgroup>). Cuando se establece el atributo rules, los navegadores muestran la tabla en el modo de bordes colapsado.
CELLSPACING
El atributo cellspacing establece la separación entre celdas y entre las celdas y el borde (como si fuera un margin de los <td>). El valor se interpreta en píxeles, por lo que no deben escribirse unidades. También se pueden escribir porcentajes, aunque los navegadores lo muestran como si fueran píxeles.
CELLPADDING
El atributo cellpadding establece la separación entre el borde las celdas y el contenido (como si fuera un padding de los <td>). El valor se interpreta en píxeles, por lo que no deben escribirse unidades. También se pueden escribir porcentajes, aunque los navegadores lo muestran como si fueran píxeles.
HEIGHT Ajustan la anchura y altura, respectivamente, de la tabla.
