Atributos Y Colores Html
Enviado por russo_mix • 23 de Abril de 2013 • 1.879 Palabras (8 Páginas) • 383 Visitas
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 background="images/logo.gif">
</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 bgcolor="red">
</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>
<body topmargin="100" leftmargin="50" marginheight="100" marginwidth="50">
<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>
<body bgcolor="#ffff99" text="green" link="red" alink="#663300" vlink="#ff33ff">
<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>
...