lunes, 5 de mayo de 2014

HTML: Segundo día

Seguimos avanzando en nuestros conocimientos HTML, en esta ocasión, vamos a trabajar directamente con la etiqueta <body> y sus atributos. Todos estos elementos los iremos viendo más adelante, pero es importante ahora centrarnos en una serie de atributos propios de la etiqueta BODY que, si bien en la actualidad han sido en su mayoría sustituidos por sus equivalentes mediante CSS, aún podemos verlos en multitud de páginas. La etiqueta BODY posee un grupo de atributos que determinan la apariencia del fondo de la página:
  • Color de fondo: bgcolor
El primer parámetro que debes conocer es el del color de fondo, el "bgcolor". A través de este parámetro podremos definir el color de fondo que queramos que tenga nuestra página. Un ejemplo muy simple es el siguiente: Si queremos que nuestra página quede con un fondo rojo deberemos escribir:

<body bgcolor="#FF0000"></body>
  • Imagen de fondo: background
Puede que no quieres que tu página tenga un color sólo de fondo, sino que quieras que tu página tenga una imagen. En ese caso deberás indicarlo con la etiqueta "background". La etiqueta quedaría de la siguiente manera:

<body background="URL a la imagen"></body>
  • Color de texto: text
Una vez tenemos el fondo definido, tendremos que predefinir ahora el color del texto de nuestra web. Es decir, tendremos que decirle al navegador de qué color queremos que sea nuestro texto, como ejemplo el color del texto negro:

<body text="#000000"></body>
  • Color de links: link, alink y vlink
En body también podemos ( y de hecho debemos hacerlo) 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"). Así pues, si queremos que nuestra página tenga un color de enlaces (de links) de color rojo y que esos enlaces sean rojos cuando estén activos y se queden en rojo cuando estén inactivos deberemos escribir lo siguiente:

<body link= "#FF0000" alink="#FF0000" vlink="#FF0000"></body>