Vamos a citar una serie de atributos que se aplican de manera general a toda la página web. Las páginas web o páginas HTML nos permiten personalizarlas con un determinado color de fondo, los márgenes, el color del texto o de los enlaces, etc. Todos estos atributos se especifican dentro de la etiqueta <body>, y son de aplicación a la página.
Atributos para fondos:
El atributo bgcolor: con este atributo elegimos que color de fondo le queremos dar a la página. Para lo que podemos usar su nombre o su valor RGB, este color es el mismo para toda la página.
El atributo background: con el podemos elegir que sea una imagen el fondo de la pagina. Se repite la imagen tantas veces como sea necesario para ocupar todo el espacio del fondo de la página.
Pero debemos poner un color de fondo similar al fondo por si el navegador no puede Mostar imagines, sino puede que el color del texto que hayamos elegido no sea visible. Porque si elegimos un color de fuente blanco y la imagen es oscura y como color de fondo un color claro, no será visible el texto.
El atributo text: define el color del texto, por defecto es el negro. Existen otros atributos que se usan para diferenciar dándole otro color al texto de los enlaces que tenga la página. Podemos distinguir tres atributos para ello:
Veamos un ejemplo si elegimos como color del fondo negro, color de texto y los enlaces claros. El color de texto en blanco y los enlaces en amarillo, serán más resaltados los no visitados y menos los ya visitados, tendríamos dentro de la etiqueta body el siguiente código:
<body bgcolor="#000000" text="#ffffff" link="#ffff33" vlink="#ffffcc" alink="ffff00">
Otro atributo importante para la página es el atributo margen, que tiene distintos tipos, pero debemos tener cuidado porque no todos los navegadores los toleran, por esto debemos utilizarlos todos dentro de la etiqueta <body>, veamos cuales son:
El atributo leftmargin: que indica el margen a la izquierda, generalmente se usa con el internet explorer.
El topmargin: para conseguir el margen arriba, para el Internet Explorer.
El marginwidth: es igual que el leftmargin, pero para otros navegadores.
El marginheight: lo mismo que el topmargin, pero para otros navegadores.
Un ejemplo de una página sin márgenes, sería la que resulta del siguiente código HTML:
<html>
<title></title>
<head></head>
<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0 bgcolor="ffffff">
<table width=100% bgcolor=ff6666><tr><td>
<h1>Hola amigos</h1>
<br>
<br>
Gracias por visitarme!
</td></tr></table>
</body>
</html>
En esta página se ve que la tabla de color rojo no deja ningún margen para donde poner nada, ocupa todo el espacio.
Siguiente Tema: Hacer Lista en una Página web
PÁGINA PRINCIPAL DEL CURSO CREACIÓN DE PÁGINAS WEB EN HTML
Cppyright © 2006 - Todos los derechos reservados