6. La etiqueta BODY [April 17, 2012, 12:15 p.m.]
En este apartado vamos a ver la etiqueta con la cual crearemos el cuerpo del documento. La parte que visualizara el navegador. Las etiquetas de esta parte pueden tener basicamente dos funciones:
- Definir un elemento de la página web, si es párrafo, título, imagen, etc..
- Modificar el aspecto de algún elemento del documento, Cambiar el color de fondo, poner el texto en negrita, etc... Esta función del código xhtml como veremos en próximos capítulos sera realizada por las reglas css.
Primero vamos a nombrar las etiquetas que puede contener la propia etiqueta <body>
|
Propieda |
Descripción | Ejemplo |
|
bgcolor |
Cambia el color de fondo.
|
<body bgcolor="#000"> |
|
background |
Establece una imagen como fondo de la página web.
|
<body background= "img/fondo.jpg"> |
| bgproperties |
Porpiedades del fondo de la página. Con su valor fixed deja fija la imagen y solo se desplaza el texto.
|
<body bgproperties="fixed"> |
|
text |
Cambia el color del texto de la página
|
<body text="#fff"> |
|
link, alink, vlink |
Establece el color de los vinculos del documento:
|
<body link="0000ff" alink="00ff00" vlink="ff0000" > |
|
topmargin, bottommargin, leftmargin, rightmargin. |
Establece los márgenes del documento: superior, inferior, izquierdo y derecho.
|
<body topmargin="100px" leftmargin="100px"> |
Como ejemplo la etiqueta para una pagina con texto de color blanco, margen superior de 100px e izquierdo de 100 px, un color de fondo negro por si no se ve la foto, y una imagen de fondo. Color diferente para los link, etc.. Esto quedaría así:
<body bgcolor="#000" background="img/fondo.jpg" text="#fff" link="#00f" alink="#0f0" vlink="#f00" topmargin="100px" leftmargin="100px">
Pero vuelvo a repetir y espero me perdonen de repetitivo. Estas propiedades las comento a modo informativo, para que sepan que existen, pero lo que utilizaremos para dar dar formato a la página son las reglas css.