DISEO WEB

8. Tablas
La organizacin del texto en una pgina es posible gracias a las tablas. Muchas pginas web son
como pginas de revistas, y la forma ms simple de emular las funciones de maquetacin son las
tablas. Una tabla no es ms que una coleccin de listas y columnas a cuyas intersecciones le
vamos a llamar celdas, y es en esas celdas donde podemos colocar textos o imgenes. Las tablas
se pueden incluso anidar y las celdas se pueden agrupar unas con otras para lograr disposiciones
de texto e imagen prcticamente similares a las que se podran conseguir en pginas de revistas
gracias a los programas de maquetacin.
8.1. Definir tablas
Para definir una tabla tan solo debemos definir las filas que la componen. Y dentro de estas las
caractersticas de las celdas. Por ejemplo la siguiente tabla posee 2 filas (2 <TR></TR>) y 3
columnas (3 pares <TD></TD> en cada fila) as:
<TABLE>
<TR>
<TD>1, 1</ TD>
<TD>1, 2</ TD>
<TD>1, 3</ TD>
</ TR>
<TR>
<TD>2, 1</ TD>
<TD>2, 2</ TD>
<TD>2, 3</ TD>
</ TR>
</ TABLE>
1,1 1,2 1,3
2,1 2,2 2,3
Pero la definicin va ms all, podemos poner bordes, colores de fondo a las celdas, definir
mrgenes en las celdas, aumentar o disminuir el espaciado entre celdas. Resumimos todo esto en
la siguiente tabla de atributos:
WI DTH Anchura de la tabla. Puede ir en pixels o en porcentaje de la anchura total
disponible.
ALI GN Alinea la tabla a izquierda (LEFT), derecha (RI GHT) o centro (CENTER).
BORDER Especifica el grosor del borde que se dibujar alrededor de las tabla y celdas.
BORDERCOLOR Define el color de los bordes de la tabla
CELLSPACI NG Espacio entre celdas, en pixels.
CELLPADDI NG Borde interior de las celdas, en pixels.
Si ahora, por ejemplo definimos ahora la tabla anterior como <TABLE BORDER=1
WI DTH=" 50%" ALI GN=CENTER>veremos lo siguiente:
1,1 1,2 1,3
2,1 2,2 2,3
El contenido escrito son las coordenadas de la celda, as 1,2 indica que esa celda es la
correspondiente a la fila 1 y la columna 2.
8.2. Definiendo las filas
La definicin de cada fila se inicia con la etiquete <TR> y finaliza con </TR>, entre ellas
colocaremos las celdas. Cada etiqueta TR tiene los siguientes atributos:

ALI GN Alinea el contenido de las celdas de la fila horizontalmente a izquierda (LEFT), derecha
(RI GHT) o centro (CENTER).
VALI GN Alinea el contenido de las celdas de la fila verticalmente arriba (TOP), abajo (BOTTOM)
o centro (MI DDLE).
8.3. Definiendo las celdas
Ya slo nos queda definir cada celda para lo que disponemos de las TD y TH. Esta ltima es una
celda especial que se ver destacada, como un ttulo para la columna: en negrita y centrado.
Ambas etiquetas admiten los siguientes atributos:
ALI GN Alinea el contenido de la celda horizontalmente a izquierda (LEFT), derecha (RI GHT)
o centro (CENTER).
VALI GN Alinea el contenido de la celda verticalmente arriba (TOP), abajo (BOTTOM) o centro
(MI DDLE).
WI DTH Especifica la anchura de la celda. Tambin se puede especificar tanto en pixels como
en porcentaje, teniendo en cuenta que, en este ltimo caso, ser un porcentaje
respecto al ancho total de la tabla (no de la ventana del navegador).
NOWRAP Impide que, en el interior de la celda, se rompa la lnea en varias lineas.
COLSPAN Nmero de celdas de una fila agrupadas.
ROWSPAN Nmero de celdas de la columna agrupadas.
Los dos ltimos parmetros se usan para fundir celdas de una misma fila o de una misma
columna. Por ejemplo veamos una tabla de 3x3 con una celda que se une a una de la derecha y
otra que se une a otra de debajo:
<TABLE BORDER=1>
<TR>
<TD COLSPAN=2>1, 1 y 1, 2</ TD>
<TD>1, 3</ TD>
</ TR>
<TR>
<TD ROWSPAN=2>2, 1 y 3, 1</ TD>
<TD>2, 2</ TD>
<TD>2, 3</ TD>
</ TR>
<TR>
<TD>3, 2</ TD>
<TD>3, 3</ TD>
</ TR>
</ TABLE>
1,1 y 1,2 1,3
2,2 2,3
2,1 y 3,1
3,2 3,3
Si te fijas cuando una celda con un colspan = 2 equivale a dos celdas a la hora de calcular el
nmero de celdas de la fila. Algo similar ocurre con el rowspan pero referido a celdas unidas en
vertical.
8.4. Titulares
Ya hemos dicho que hay un tipo de celdas utilizable como encabezamiento o titular, pero la tabla
al completo puede llevar un ttulo, que ir en una zona fuera de cualquier celda o fila. Esta es la
etiqueta CAPTI ON. Su uso es muy simple como puedes ver en este ejemplo:
<TABLE BORDER=1>
<CAPTI ON>
Nmer os</ CAPTI ON>
. . .
</ TABLE>
Nmeros
1,1 y 1,2 1,3
2,2 2,3
2,1 y 3,1
3,2 3,3
Con el parmetro ALI GN, podemos controlar que el ttulo aparezca arriba (por defecto TOP) o
abajo de la tabla, con el valor BOTTOM.
9. Marcos
Denodados por unos y adorados por otros los marcos o frames son una forma de insertar varias
pginas web en una sola. Mal utilizados pueden arruinar la mejor pgina web, pues no hemos de
olvidar que la pantalla del monitor est fsicamente limitada. Cada marco que compone la pgina
poseer sus propios bordes y barras de scroll, comportndose como ventanas independientes. Su
situacin en la pgina es rgida, no podemos colocarlos en las posiciones que deseemos, si
tenemos cuatro marcos se situarn en cada uno de los cuatro cuadrantes de la pantalla. Si
tenemos dos la pantalla se dividir en dos filas o en dos columnas para alojarlos. Pueden ser tiles
para compartir un cierto contenido por todo el sitio web, por ejemplo para una barra de
navegacin.
Su uso puede parecer algo complejo pero es muy simple. Bsicamente se trata de definir una
pgina contenedora de los marcos y de colocar en cada uno de ellos la pgina cuyo contenido
mostrarn. Por supuesto tambin concretaremos el tamao y posicin y otros atributos de cada
marco. Pueden existir navegadores que no puedan manejar los marcos, por ello colocamos un
texto alternativo explicando la situacin. Mira el siguiente cdigo y ve los resultados en este
ejemplo.
<HTML>
<HEAD>
<TI TLE>Los f r ames: pgi nas mul t i vent ana</ TI TLE>
</ HEAD>
<FRAMESET COLS=" 20%, 80%" >
<FRAME NAME=" i ndi ce" SRC=" i ndi ce. ht m" >
<FRAME NAME=" pr i nci pal " SRC=" pr i nci pal . ht m" >
<NOFRAMES>
<P al i gn=" cent er " >Al par ecer t u navegador
no sopor t a mar cos, act ual zat e. </ P>
</ NOFRAMES>
</ FRAMESET>
</ HTML>
Fjate las diferencias y coincidencias con una pgina HTML habitual: en lugar de BODY ahora
tenemos una etiqueta FRAMESET. Cada una de estas FRAMESET son una pgina o ventana
dentro de la pgina contenedora que estar compuesta por varias zonas definidas con los
parmetro COLS o ROWS. En el ejemplo se trata de dos marcos uno junto al otro: uno ocupa el
20% de la ventana del explorador y el otro el 80% restante.
Dentro del <FRAMESET>definimos los marcos que componen el conjunto y la accin alternativa
para navegadores que no soporten marcos. A cada uno de los marcos le ponemos un nombre y
especificamos qu pgina HTML se mostrar en l (etiqueta <FRAME>). Slo queda definir lo que
ver el usuario en el supuesto de que su navegador no soporte frames (etiqueta <NOFRAMES>).
9.1. Etiqueta FRAMESET
Los parmetros COLS y ROWS nos permiten controlar el tamao de los marcos presentados en la
ventana del navegador. Existen tres formas de establecer estos tamaos:
Porcentajes: podemos definir el tamao de un marco como un porcentaje del espacio
total disponible (el ancho o alto de la ventana del navegador)
Absolutos: Podemos especificar el ancho o alto del marco en pixels.
Calculado: Podemos colocar el ancho o alto de un marco y dejar que el tamao del otro
lo calcule el navegador, usando para ello un asterisco en lugar de un valor o porcentaje.
Por ejemplo si tenemos tres marcos y colocamos cols=" 10%, 30%, *", el ltimo ocupar
el 60% (el espacio sobrante 100 - 10 -30). Si colocamos el * varios marcos se repartirn
el espacio equitativamente, pero podemos tambin hacer que un marco sea doble o triple
de otro. As, un marco con un espacio de 3* ser tres veces ms grande que el que
contenga un asterisco.
Se pueden combinar los tres mtodos. Por ejemplo:
<FRAMESET COLS=" 10%, *, 300, 3*" >
Supongamos que el ancho total de la ventana son 800 pixels. El primer marco ocupar el 10%, es
decir, 84 pixels. El tercero necesita 300, en total tenemos 384 ocupados luego quedan 800-384,
416 pixels libres. Los otros se repartirn este espacio en funcin de los asteriscos: 416/4 = 104
pixels para el de un asterisco y 312 para el otro. En total tenemos ocupados los 800 pixels. Lo
ms recomendable es dejar un marco con tamao calculado, o sea, con el asterisco para.
Y bueno si queremos que los marcos se distribuyan de una forma algo ms irregular podemos
aprovechar la posibilidad de anidarlos, en otras palabras: un marco puede contener una pgina
que a su vez obtenga otros marcos. Esto se hace poniendo otro <FRAMESET>donde normalmente
colocamos las etiquetas <FRAME>tal que as:
<FRAMESET COLS=" 20%, 80%" >
<FRAME NAME=" i ndi ce" SRC=" i ndi ce. ht m" >
<FRAMESET ROWS=" *, 80" >
<FRAME NAME=" pr i nci pal " SRC=" super i or . ht m" >
<FRAME NAME=" ej empl os" SRC=" pr i nci pal . ht m" >
</ FRAMESET>
</ FRAMESET>
Frameset tiene an dos parmetros extras: f r amebor der y f r amespaci ng, el primero permite
eliminar los bordes que separan a todos los marcos, mientras que el segundo permite controlar el
ancho del espacio que separa los marcos
9.2. Etiqueta FRAME
Esta es la etiqueta que nos permite describir como debe ser cada marco Los parmetros que
soporta son:
NAME
Asigna un nombre a un marco, de esta manera luego podemos usarlo como
destino de un enlace.
SRC Indica la URL del documento HTML que ocupar el marco.
NORESI ZE Evita que el usuario pueda cambiar el tamao del marco.
FRAMEBORDER
Ssi lo igualamos a cero el borde de este marco desaparece (pero ojo si los
contiguos tienen borde ste se ver).
SCROLLI NG
Coloca o no las barras de scroll. Su valor es por defecto AUTO, aparecern si son
necesarias. Las otras opciones que tenemos son YES o colocarlas y NO, no
ponerlas.
MARGI NWI DTH
Permite cambiar los mrgenes horizontales dentro de un marco. Se representa
en pixels.
MARGI NHEI GHT Igual al anterior pero con mrgenes verticales.
9.3. Marcos flotantes <IFRAME>
Una excelente alternativa a los marcos fijos son los marcos flotantes, actualmente soportados por
todos los navegadores. La idea de este elemento ideado por Explorer, sigue siendo la misma:
incluir una pgina externa dentro de otra, pero en este caso el marco puede quedar totalmente
integrado en la pgina contenedora. Es como un include. La descripcin de este elemento es muy
parecida a los frames: es necesario decir de donde viene la pgina y como se ha de ver el marco
(bordes, mrgenes scroil...) Esto se hace mediante los parmetros ya vistos:
NAME
Asigna un nombre a un marco, de esta manera luego podemos usarlo
como destino de un enlace.
ALI GN
Alineacin del marco respecto al texto que lo rodea (botton, right, left,
middle)
SRC Indica la URL del documento HTML que ocupar el marco.
HEI GHT Altura del marco
WI DTH Anchura del marco
FRAMEBORDER Ssi lo igualamos a cero el borde de este marco desaparece
SCROLLI NG
Coloca o no las barras de scroll. Su valor es por defecto AUTO,
aparecern si son necesarias. Las otras opciones que tenemos son YES o
colocarlas y NO, no ponerlas.
MARGI NWI DTH
Permite cambiar los mrgenes horizontales dentro de un marco. Se
representa en pixels.
MARGI NHEI GHT Igual al anterior pero con mrgenes verticales.
al l owt r anspar ency Si es true La pgina origen puede tener como color de fondo transparent.


9.4. Acceso a otros marcos
Si lestes la seccin dedicada a los enlaces recordars que cuando pulsas un enlace en la ventanda
del navegador aparecer otra pgina, pero podamos colocar el atributo t ar get para hacer que la
nueva pgina se abriera en otra ventana. Pues bien esta otra ventana puede ser otro marco. As
en un marco puedo colocar un enalce que abra la pgina en otro marco de la misma pgina.
Este parmetro se puede colocar en tres etiquetas: <A>, <AREA>y <BASE>. En las dos primeras
sirve para indicar el marco en el que abriremos ese enlace en particular y el ltimo modificaremos
el marco en el que por defecto se nos muestran todos los enlaces.Para indicarle el marco que
deseamos le asignaremos el nombre del mismo. As, en los ejemplos anteriores, si en el marco
llamado i ndi ce tenemos un enlace que queremos se abra en el marco pr i nci pal pondremos:
<A HREF=" pagi na. ht ml " TARGET=" pr i nci pal " >
Tambin existen cuatro nombres reservados que podremos utilizar en el parmetro TARGET:
_top
Elimina todos los marcos existente y muestra la nueva pgina en la ventana original sin
marcos.
_blank
Muestra la nueva pgina en una ventana nueva y sin nombre del navegador.
_self
Muestra la nueva pgina en el marco donde est declarado el enlace.
_parent
Muestra la nueva pgina en el <FRAMESET>que contiene al marco donde se declara el
enlace. En el ejemplo que pusimos de <FRAMESET>anidados, una enlace situado en el
marco ej empl o cuyo parmetro TARGET fuese igual a _par ent eliminara la separacin
entre los marcos ej empl o y pr i nci pal y mostrara en ese nuevo marco la nueva
pgina.


10. Hojas de estilo
Las hojas de estilo intentan separar el contenido de un pgina de la forma de presentarlo en
pantalla. Esto lo hacen personificando los cambios que las etiquetas de formato HTML realizan en
nuestro texto. Por ejemplo, sabemos que usando <P> tendremos una prrafo nuevo con una
separacin del anterior determinada, etc.. Con las hojas de estilo tambin podremos decirle a un
prrafo que todo su texto sea verde y que adems va a tener un margen izquierdo de 30 pixels.
Por ejemplo.
<STYLE TYPE=" t ext / css" >
P {col or : gr een; mar gi n- l ef t : 30; }
</ STYLE>
Vamos a detenernos en todos los elementos. Para empezar, la etiqueta HTML con la que
deberemos englobar las hojas de estilo ser <STYLE>, que slo podr estar situada en la
cabecera de la pgina. Su parmetro TYPE indica la sintaxis que utilizaremos para definirlas. En el
caso de las hojas en cascada deber ser t ext / css.
Ahora examinemos la hoja de estilo propiamente dicha. Indicaremos primero la etiqueta que
deseamos personalizar. Ser <P>. Despus, entre llaves, pondremos una lista de las cosas que
queremos modificar. En nuestro caso son dos, el color (en el formato habitual) y el margen, que
se define en pixels.
Hay que destacar que, aunque muchas veces los navegadores tengan una cierta manga ancha, la
sintaxis CSS (Cascading Style Sheet) es sensible a la diferencia entre maysculas y minsculas.
Conviene tener cuidado.
El HTML 4.0 permite declarar fuera de la pgina las hojas de estilo, llevando de este modo al
extremos su filosofa de separar forma y contenido. Si colocamos nuestras hojas de estilo en un
fichero llamado est i l os. css (solo las hojas, no la etiqueta <STYLE>) no tendremos ms que
incluir la siguiente lnea en la cabecera de nuestro documento HTML para incluirlas en nuestras
pginas:
<LI NK REL=" st yl esheet " HREF=" est i l os. css" TYPE=" t ext / css" >
Vamos a ver cmo quedara un prrafo que siguiese la hoja de estilo anterior
Si la cosa va bien, este prrafo estar escrito en verde y con un margen izquierdo de 30
pixels. Precioso, no? embargo, estoy convencido de que los ms avispados se habrn dado
cuenta de que les estoy ocultando algo. Por lo que he dicho hasta ahora la personalizacin de
una etiqueta debera ser general y en esta pgina slo este prrafo est modificado. No os
preocupis demasiado, ahora os cuento como se hace.
10.1. Clases
Hasta ahora habamos definido estilos para una etiqueta determinada. Pero tambin podemos
hacerlo para una clase determinada. Esto que significa? Pues que si, por ejemplo, definimos la
hoja de estilo de la clase verde de la siguiente manera:
P. ver de {col or : gr een; mar gi n- l ef t : 30px; }
slo estarn verdes y con un margen izquierdo de 30 pixels aquellos prrafos definidos con <P
CLASS=" ver de" >. As de sencillo.
Ampliando un poco ms las posibilidades de las clases, se pueden realizar excepciones.
Supongamos que tenemos unos prrafos que queremos que tengan unos mrgenes determinados
y color verde. Y deseamos que uno solo de esos prrafos, con los mismo mrgenes, sea azul.
Podramos definir dos clases distintas, pero hay un mtodo mejor: usar el parmetro I D. Por
ejemplo:
al l . ver de {col or : gr een; mar gi n- l ef t : 10px; }
#ej 1 { col or : bl ue; }
Ahora todos los prrafos de clase verde seran, obviamente, verdes y con un margen de 10 pixels.
Sin embargo el prrafo definido por <P CLASS=" ver de" I D=" ej 1" >ser azul:
Este prrafo es muy verde.
Y anda que este...
Sin embargo, este no, fjate que curioso.
10.2. Bloques SPAN y DIV
Puede que, a veces, no queramos modificar el comportamiento de un elemento sino que creemos
un estilo que queremos acte slo, un estilo completo creado de la nada. Una etiqueta nueva y
propia. Entonces, qu hacemos? Utilizar las etiqueta <SPAN>y <DI V>.
El mtodo es simple. Definimos una clase rojo que simplemente modifique el color (que ser rojo).
Ahora, si queremos que una seccin de texto est en rojo lo encerraremos entre las etiquetas
<SPAN CLASS=" r oj o" >y </ SPAN>o entre <DI V CLASS=" r oj o" >y </ DI V>.
La diferencia entre ambas es que, mientras SPAN realmente no hace nada por s misma, DI V
convierte a todo lo que encierra en un bloque aparte (poniendo un salto de lnea tanto al comienzo
como al final). Veremos en el siguiente captulo que a las etiquetas que se comportan como
bloques (<P>, <H1>, las que dijimos modifican un prrafo entero) se les pueden definir atributos
propios desde las hojas de estilo. Por ejemplo, si definimos las siguientes hojas:
al l . t i t ul o {
mar gi n- t op: - 24px;
col or : bl ue;
f ont - si ze: 20px;
}
al l . sombr a {
mar gi n- t op: 2px;
mar gi n- l ef t : 2px;
col or : bl ack;
f ont - si ze: 20px;
}
cuyos atributos explicaremos en la referencia de las hojas de estilo, y ponemos el siguiente cdigo
HTML:
<DI V ALI GN=" CENTER" CLASS=" sombr a" >El mar avi l l oso cur so de HTML</ DI V>
<DI V ALI GN=" CENTER" CLASS=" t i t ul o" >El mar avi l l oso cur so de HTML</ DI V>
11. Estilos CSS
Los estilos CSS son una forma de separar el contenido de la pgina web de su formato. Es decir
por un lado nos preocupamos de dar contenido a la pgina y por otro de definir como se deber
ver. Es una idea magnfica que nos permite, por ejemplo, cambiar el estilo de diseo de todo un
sitio web sin necesidad de reeditar todas sus pginas: solo modificaramos el archivo donde se
desribe el formato de las pginas, como esquemas de color, imgenes de fondo, etc. Pero no todo
es perfecto: los navegadores Explorer y Netscape no entienden los estilos exactamente igual por
lo que es conveniente probar las cosas en ambos para asegurarnos que todo se ver como
nosotros queremos.



11.1. Propiedades de bloque
Cuando hablbamos del formato en las pginas HTML diferenciamos entre elementos de bloque y
elementos en lnea, Los bloques eran elementos como el <p> (prrafo) o las <div> (capas).
Entonces de entrada veamos que propiedades se les puede aplicar a este tipo de elementos:
Propiedad Significado Valores
Mar gi n- t op, mar gi n- r i ght ,
mar gi n- bot t om, mar gi n- l ef t ,
mar gi n: t op r i ght bot t oml ef t
Mrgenes dntro del bloque. Tanto
mar gi n como mar gi ns( ) se
utilizan para cambiar todos estos
atributos a la vez.
tamao, porcentaje
o aut o. Por defecto
es cero.
paddi ng- t op, paddi ng- r i ght ,
paddi ng- bot t om, paddi ng-
l ef t , <br / > paddi ng: t op r i ght
bot t oml ef t
Distancia entre el borde y el
contenido del bloque.
tamao, porcentaje
o aut o. Por defecto
es cero.
Bor der - t op- wi dt h, bor der -
r i ght - wi dt h, bor der - bot t om-
wi dt h, bor der - l ef t -
wi dt h, <br / > bor der - wi dt h: t op
r i ght bot t oml ef t
Anchura del borde de un bloque. numrico
Bor der - st yl e Tipo de borde de un bloque.
none, r uged,
sol i d, 3D,... por
defecto ninguno
(none).
Bor der - col or Color del borde de un bloque.
Cdigo o nombre de
color
wi dt h, hei ght Ancho y alto del bloque.
tamao, porcentaje
o aut o, automtico
por defecto.
Fl ot a
Justificacin del contenido de un
bloque.
l ef t , r i ght o
none, por defecto
ninguna.
Cl ear
Permiso para que otro elemento
se pueda colocar a su izquierda o
derecha.
l ef t , r i ght ,
bot h o none, por
defecto ninguno.

11.2. Propiedades de tipo de letra
Ahora vamos a examinar las propiedades del tipo de letra que el usuario va a ver. Son las
siguientes:
Propiedad Descripcin Posibles valores
f ont - f ami l y
Tipo de letra (que puede ser
genrico) que vamos a usar.
lista de tipos, ya sean genricos o no, separados
por comas.
f ont - si ze Tamao del tipo de letra.
xx- smal l , x- smal l , smal l , medi um, l ar ge,
x- l ar ge, xx- l ar ge, tamao relativo o tamao
absoluto. Por defecto medi um.
f ont - wei ght
Grosor del tipo de letra
(negrita).
nor mal , bol d, bol der , l i ght er o 100-900
(donde 900 es la negrita ms gruesa). Por
defecto nor mal .
f ont - st yl e
Estilo del tipo de letra
(cursiva).
nor mal , i t al i c, i t al i c smal l - caps,
obl i que, obl i que smal l - caps o smal l -
caps. Por defecto nor mal .
Recordemos lo dicho al hablar del tipo de letras: no todos tus tipos tienen que estar en los
ordenadores de tus visitantes.
11.3. Propiedades de formato de texto
Nuesto siguiente objetivo van a ser las propiedades de formato del texto que cualquier procesador
de textos nos permite cambiar.

Propiedad Descripcin Posibles valores
l i ne- hei ght Interlineado. nmero o porcentaje.
t ext -
decor at i on
Efectos variados sobre el
texto.
none, under l i ne (subrayado), over l i ne (como
subrayado, pero por encima), l i ne- t hr ough
(tachado) o bl i nk (parpadeante); por defecto
ninguno.
ver t i cal -
al i gn
Posicin vertical del texto.
basel i ne (normal), sub (subndice), super
(superndice), t op, t ext - t op, mi ddl e, bot t om,
t ext - bot t omo un porcentaje. Por defecto
basel i ne
t ext -
t r ansf or m
Transforma el texto a
maysculas o minsculas.
capi t al i ze (pone la primera letra en
maysculas), upper case (convierte todo a
maysculas), l owecase (a minsculas) o none,
por defecto no hace nada.
t ext - al i gn Justificacin del texto. l ef t , r i ght , cent er o j ust i f y
t ext - i ndent
Tabulacin con que
aparece la primera lnea
del texto.
tamao o porcentaje, por defecto cero.

11.4. Propiedades de color y fondo
Tambin es posible cambiar el color o la imagen de fondo de cualqueir elemento.
Propiedad Descripcin Posibles valores
col or Color del texto. un color (en el formato habitual).
backgr ound
Modifica tanto el grfico el color de
fondo.
direccin del fichero que contiene la imagen
o un color.
Las direcciones URL (para la imagen de fondo por ejemplo) se expresan del siguiente modo:
backgr ound: ur l ( f ondoboni t o. gi f ) ;


11.5. Otros
Propiedad Descripcin Posibles valores
di spl ay
Decide si un elemento es interior
(como <I >), un bloque (<P>) o un
elemento de una lista (<LI >).
i nl i ne, bl ock, l i st y none (que
'apaga' el elemento)
l i st - st yl e
Estilo de un elemento de una lista,
pudiendo incluir un grfico al
comienzo del mismo.
di sc, ci r cl e, squar e, deci mal ,
l ower - r oman, upper - r oman, l ower -
al pha, upper - al pha, none o la
direccin de un grfico
whi t e- space
Decide como se manejan los espacios,
si de manera normal o como sucede
dentro de la etiqueta <PRE>.
nor mal y pr e

Fuente: Creatuweb manualesgratis