Atributos Y Colores Html

russo_mix23 de Abril de 2013

1.879 Palabras (8 Páginas)399 Visitas

Página 1 de 8

ATRIBUTOS DE LA ETIQUETA BODY

Cuerpo (BODY).-

Comprende todo el código situado entre las etiquetas <BODY> y </BODY>, su contenido si es visible en la ventana del navegador y puede contener los siguientes elementos:

• Elementos estándares HTML: párrafos, formularios, tablas, listas, etc.

• Capas definidas mediante etiquetas <div>…</div> o <span>…</span>

• Codigos de lenguajes en servidor: JSP, Java, ASP, PHP, etc.

• Objetos incrustados: Applets, animaciones Flahs, etc.

ATRIBUTOS DEL FONDO DE LA PÁGINA

La etiqueta BODY posee un grupo de atributos que determinan la apariencia del fondo de la página:

BACKGROUND

• background="ruta_imagen": que define una imagen de fondo para la página web, y en donde "ruta_imagen" es la ruta en la que se encuentra la imagen de fondo, pudiendo estar referida a la estructura relativa local de carpetas o ser la URL global del fichero de imagen respecto a nuestro servidor web. Un factor a destacar es que si la imagen es de un tamaño inferior al de la resolución de pantalla usada, se repetirá horizontal y verticalmente hasta rellenar la totalidad de la pantalla. En algunos textos podréis encontrar el atributo bgproperties="fixed" para la etiqueta BODY, cuyo fin es que la imagen no se repita, pero teóricamente sólo es compatible con Internet Explorer, y prácticamente no da resultados, por lo que es mejor no usarla. Es posible evitar la repetición de la imagen de fondo mediante atributos de CSS, que veremos luego.

Sintaxistipo: <bodybackground="ruta/archivo.gif">

Ejemplo de imagen de fondo:

<html>

<head>

<title>HTMLWeb, Manual de HTML. Ejemplo background</title>

</head>

</body>

</html>

BGCOLOR

• bgcolor="color": que establece un color de fondo para la página, y en donde "color" puede venir expresado mediante el nombre web inglés estándar o mediante el código hexadecimal del color (Ver capítulo sobre el color en la web)

Sintaxis: <bodybgcolor=”#0000FF”> o <bodybgcolor=”blue”>

Ejemplo de color de fondo:

<html>

<head>

<title>HTMLWeb, Manual de HTML. Ejemplobgcolor</title>

</head>

</body>

</html>

ATRIBUTO DE MÁRGENES DE PÁGINA

Entendemos por márgenes de página la distancia existente entre cada uno de los laterales de la misma y su contenido interior más cercano. Así, el margen superior de la página será la distancia existente entre el borde superior de la ventana útil del navegador y el contenido de la página más cercano a él. Y lo mismo para los demás bordes de la página.

La etiqueta BODY posee una serie de atributos que nos van a permitir configurar los márgenes de la página, si bien serán diferentes según el navegador usado.

En el caso de Internet Explorer, disponemos de un atributo para fijar cada uno de los márgenes de la página:

• leftmargin="n", para el margen izquierdo

• topmargin="n", para el margen superior

• rightmargin="n", para el margen derecho

• bottommargin="n", para el margen inferior

En todos los casos anteriores, "n" es un número entero, que expresa los pixels de separación.

Para el navegador NestcapeNavigator, en todas sus versiones actuales, los atributos para configuración de los márgenes son:

• marginwidth="n", para los márgenes izquierdo y derecho.

• marginheight="n", para los márgenes superior e inferior.

Donde, al igual que antes, "n" es un número entero, que expresa los pixels de separación. Como vemos, Nestcape fija los márgenes en parejas, permitiéndonos con ello menos posibilidades de configuración.

Para poder establecer unos márgenes de página compatibles con ambos navegadores, deberemos establecer las etiquetas correspondientes a los dos. Ejemplo:

<html>

<head>

<title>HTMLWeb, Manual de HTML. Ejemplo de margenes</title>

</head>

<p>Este BODY tienemargenes</p>

</body>

</html>

SINTAXIS

<bodyleftmargin="10px"topmargin="10px"rightmargin="10px"bottommargin="10px"></body>

ATRIBUTO DEL COLOR DE TEXTO DE LA PÁGINA Y EL COLOR DE LOS ENLACES DE LA MISMA,

Otro grupo de atributos de la etiqueta BODY es el formado por aquellos que permiten al diseñador web fijar el color que va a tener el texto de la página y el color de los enlaces de la misma, aclarando que un enlace puede tener tres estados generales: normal (el enlace no ha sido activado todavía), activo (cuando se ha activado y tiene todavía el foco) y visitado (una vez que ha sido activado y regresamos a la página que contiene el enlace). Los atributos correspondientes son:

• text="color", para el texto de la página.

Parámetro usado para definir el color del texto. Su formato es el mismo que el de bgcolor. Si no se pone nada es negro.

Sintaxis: <bodytext=”#0000FF”> o <bodytext=”blue”>

• link="color", para los enlaces normales.

• alink="color", para los enlaces activos.

• vlink="color", para los enlaces visitados.

En todos ellos "color" puede venir expresado mediante su nombre web inglés estándar o mediante su código hexadecimal.

Destacar que un enlace que ya ha sido visitado puede permanecer en ese estado aunque cerremos el navegador y volvamos a la página que lo contiene posteriormente. Esto es así porque el navegador guarda en su caché un registro de los enlaces visitados.

Ejemplo:

<html>

<head>

<title>HTMLWeb, Manual de HTML. Ejemplo de color en texto y enlaces</title>

</head>

<a href="www.yahoo.es">Yahoo</a><br><br>

<a href="www.google.com">Google</a><br><br>

<a href="www.terra.com">Terra</a>

</body>

</html>

ATRIBUTOS PARA DEFINIR ESTILOS DE TODA LA PÁGINA

Por último, la etiqueta BODY admite otros tres atributos, relacionados todos ellos con el uso de CSS, y que sirven para definir estilos que afectarán a toda la página en su conjunto. Estos atributos son:

• style="propiedad:valor;propiedad:valor;...", que permite asignar estilos "en línea".

• id="identificador", que permite asignar al cuerpo de la página una serie de estilos únicos, cuya definición estará en la cabecera de la página (dentro de un bloque <STYLE>...</STYLE) o en un fichero de estilos externo.

• class="clase", que permite asignar al cuerpo de la página una serie de estilos compartidos, definidos en un grupo de ellos denominado clase, cuya definición estará en la cabecera de la página (dentro de un bloque <STYLE>...</STYLE) o en un fichero de estilos externo.

Ejemplo:

<html>

<head>

<title>HTMLWeb, Manual de HTML. Ejemplo de estilos en el BODY</title>

</head>

<div align="center">Hola, amigos</div>

</body>

</html>

ESTILOS PARA EL BODY.-

CSS nos permite definir un gran conjunto de estilos diferentes para la etiqueta BODY, que afectarán a todos los contenidos del mismo, siempre y cuando estos contenidos no se encuentren incluidos en un bloque de página que tenga asignados sus propios estilos.

Esto es debido a la propia naturaleza de las Hojas de Estilo en Cascada, que se llaman precisamente así (en Cascada) porque los estilos se van asignando mediante niveles jerárquicos, predominando siempre los estilos definidos más cerca del elemento a considerar.

Un factor a tener en cuenta siempre que hablemos en delante de propiedades CSS es que, bien no son soportadas de forma estándar por todos los navegadores comunes, bien son interpretadas de forma más o menos diferente. Por este motivo, explicaremos solo las propiedades compatibles con los principales navegadores o aquellas que, por su utilidad práctica o porque haya una forma alternativa que permita su uso, indicando en este último caso los navegadores que la soportan.

Otro aspecto importante es que existen determinadas propiedades que se heredan por los bloques contenidos en el que se han definidos los estilos. Por ejemplo, si la propiedad CSS "P" se establece en la etiqueta BODY y es heredable, todos los bloques incluidos dentro de <BODY>...</BODY> tendrán asignado esa misma propiedad, y con el mismo valor, salvo que posean una definición propia de estilos que afecte redefina la propiedad "P".

Las

...

Descargar como (para miembros actualizados) txt (16 Kb)

Leer 7 páginas más »

Leer documento completo Guardar

Disponible sólo en Clubensayos.com