SE REALIZO EVALUACION
Las tablas se usan cuando necesitamos mostrar "datos en formato de
tabla", o sea, información
que se presenta de forma lógica en filas y columnas.
¿Es díficil?
Construir tablas con HTML puede parecer, al principio, complicado, pero
si no pierdes la calma y andas con ojo, en realidad es de lo más lógico: como
todo en HTML.
Ejemplo 1:
<table>
<tr>
<td>Celda
1</td>
<td>Celda 2</td>
</tr>
<tr>
<td>Celda
3</td>
<td>Celda
4</td>
</tr>
</table>
¿Qué diferencia hay entre <tr> y <td>?
Como observarás en el ejemplo anterior, éste es probablemente el ejemplo
más complicado de código HTML que hemos escrito hasta el momento. Vamos a
desglosarlo y a explicar las diferentes etiquetas:
Para insertar tablas se usan 3 elementos diferentes:
- La
etiqueta de inicio <table> y
la etiqueta de cierre </table> inician y finalizan la tabla. Lógico.
- <tr> es la abreviatura de "table row"
(es decir, fila de la tabla) e inicia y finaliza las filas horizontales.
Lógico también.
- <td> es la abreviatura de "table data"
(es decir, datos de la tabla). Esta etiqueta inicia y finaliza cada una de
las celdas que componen las filas de la tabla. Todo sencillo y lógico.
Y esto es lo que ocurre en el ejemplo 1: la tabla empieza con <table>, seguida de <tr>, que indica el inicio de una nueva
fila. Se insertan dos celdas en esta fila: <td>Celda 1</td> y<td>Celda 2</td>. La fila se cierra a continuación
con </tr> e inmediatemente después se inicia una nueva fila con <tr>. La nueva fila contiene dos celdas. Y
por fin la tabla se cierra con</table>.
Vamos a dejarlo claro:
las filas son líneas horizontales de
celdas y las columnas son líneas verticales de celdas:
Celda 1
|
Celda 2
|
Celda 3
|
Celda 4
|
La celda 1 y la Celda 2 forman una fila, mientras que la Celda 1 y la
Celda 3 forma una columna
.
En el ejemplo anterior, la tabla consta de dos filas y dos columnas. Sin
embargo, una tabla puede contener una cantidad ilimitada de filas y columnas.
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>
Que resulta como:
Como no hemos añadido ningún atributo dentro de la etiqueta, el comportamiento
de la marquesina es el que tiene por defecto: ocupa todo el ancho
de la pantalla, tiene la altura de una línea y el texto se desplaza lentamente
de derecha a izquierda. Vamos a ver los distintos atributos que
modifican su apariencia y comportamiento:
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 :Especifica el número de veces que aparecerá el texto. Es
indefinido por defecto.
No hay comentarios.:
Publicar un comentario