-->

La etiqueta Body


Como ya hemos contado, todo lo que deseamos ver en nuestra página web, lo tenemos que meter dentro de la etiqueta body.

Además de darle el cuerpo la podemos personalizar para darla el aspecto que deseemos.



La etiqueta "bgcolor" es el color de fondo de nuestra página.
En este ejemplo mostramos como quedaría nuestra página si nuestro color de fondo fuera blanco #FFFFFF.
<body bgcolor="#FFFFFF"> </body>
Aquí dejo el link donde podéis escoger más colores.
En este caso cambiaríamos lo que está en rojo por el color que queramos.



La etiqueta "background" nos permite cambiar el fondo de nuestra página por una imagen.
En este ejemplo mostramos como quedaría la etiqueta.
<body background="Url de la imagen que queramos"> </body>
En este caso cambiaríamos lo que está en rojo por la imagen que queramos.
Tenemos que adaptar nuestra imagen a el tamaño del fondo que tengamos, ya que si no se repetía.


La etiqueta "text" nos permite cambiar el color de texto de nuestra página.
En este ejemplo mostramos como quedaría la etiqueta con el color de texto en negro

<body text="#000000"> </body>

En este caso cambiaríamos lo que está en rojo por el color que queramos.


La etiqueta margin nos permite especificar los márgenes de nuestra página.
Así encontraremos "leftmargin" para el margen izquierdo, "topmargin" para el margen de arriba, "rightmargin" para el margen de la derecha y "bottommargin" para el margen de abajo. 
Además con podemos configurar la anchura de nuestro margen.

Si queremos que nuestros márgenes sean de 10 píxeles por todas partes escribiremos lo siguiente:

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

En este caso cambiaríamos lo que está en rojo por el ancho que queramos.


La etiqueta links nos permite definir el color de los vínculos de nuestra páginas, definir el color con el que se mostraran los links
 Aquí debemos diferenciar tres tipos de instrucciones:
 Debemos definir el color del link (con la etiqueta "link"), el color del link activo (con la etiqueta "alink") y el color del link ya visitado (con la etiqueta "vlink").

<body link="#EE82EE" alink="#98FB98" vlink="#1E90FF"> </body>

En este caso cambiaríamos lo que está en rojo por el color que queramos.

  1. #EE82EE
  1. #98FB98
  1. #1E90FF

Publicar un comentario

0 Comentarios