miércoles, 8 de abril de 2009

61.- HTML - color de fondo y color de texto - bgcolor

Sigamos dando vida a nuestra web, esta vez veremos como asignar un color de fondo. Para esto utilizaremos el atributo "bgcolor".

La etiqueta <body> admite los atributos "bgcolor" y "text", con lo que podremos seleccionar para nuestra web, un color de fondo y un color de texto diferentes a los que nos asigna el sistema por defecto.

código     : <body bgcolor="color" text="color">

resultado: muestra la página y el texto con los colores seleccionados.

Pasemos al Código de ejemplo: http://bobuu.blogspot.com
(He agregado un <br>, salto de línea en el código para poder ver el resultado en dos líneas).

<html>
  <head>
    <title>Fuente - Colores</title>
  </head>
   <body bgcolor="green" text="yellow">
        Se muestra Texto color amarillo sobre<br>
          fondo de la página color verde.
  </body
</html>

El ejemplo en el navegador:

colorfondo

Nota: también podéis asignar los colores como vimos en el post anterior en formato rgb. (60.- HTML Estilos y efectos de fuentes - Color)

-----------------------------------------------------------

Podéis encontrar más información sobre este tema en: MailxMail

Temas anteriores *
60.- HTML Estilos y efectos de fuentes - Color
59.- HTML - Estilos y efectos de fuentes <sub></sub> subíndice
58.- HTML - Estilos y efectos de fuentes <sup></sup> superindice
57.- HTML - Estilos y efectos de fuentes <small></small> pequeño
56.- HTML - Estilos y efectos de fuentes <big><big> grande.
55.- HTML - Estilos y efectos de fuentes <i></i> italica o cursiva
54.- HMTL - Estilos y efectos de fuentes <tt> </tt> teletipo
53.- HTML - Estilos y efectos de fuentes <s></s> tachado
52.- HTML - Estilos y efectos de fuentes <strike><strike/> tachado.
51.- HTML - Estilos y efectos de fuentes <u></u> subrayado.
50.- HTML - Estilos y efectos de fuentes <b></b> negrita
soolucionesfdobco

3 comentarios:

  1. muy clara la explicación, y funciona

    ResponderEliminar
  2. Muy practica la página.
    La añado a favoritos y la leere con detenimiento.
    Gracias.

    ResponderEliminar
  3. Puedes crear un enlace directo al indice, asi no te pierdes de nada, lo actualizan regularmente cada vez que postean un nuevo tema.
    el link:
    http://bobuu.blogspot.com/2009/04/curso-html-indice.html

    ResponderEliminar

Gracias por tu comentario, en un maximo de 48 horas sera publicado.