Curso PhotoshopCursosNoticias

Curso HTML: Etiqueta body

En capítulos anteriores hemos explicado que todo lo que queramos que se vea en nuestra página web deberemos escribirlo dentro de la etiqueta body.

El elemento <body> contiene todo el contenido visible de un documento HTML, como texto, hipervínculos, imágenes, tablas, listas, etc.

La etiqueta <body> es compatible con todos los navegadores.

Dentro de la etiqueta <body> se pueden agregar atributos para indicar un color y/o imagen de fondo de la página, color del texto, color de los links, pero en HTML5 se ha desaprobado el uso de estos atributos y esto se tiene que indicar con CSS, este hecho no significa que no funcionen, de hecho se pueden usar y funciona pero siempre es recomendable ajustarse a los estándares, por cuestiones de compatibilidad y cosas por el estilo.

Aquí les dejo la lista de los atributos que pueden ir dentro de la etiqueta <body> y que anteriormente eran muy usados, pero mi recomendación es aprender CSS (nuestro próximo curso) y seguir los nuevos estándares de la W3C.

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 html

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”> </body>

Dónde leemos “URL” deberemos escribir la dirección de la imagen que queramos que sea nuestro fondo. Una cosa muy importante que debes saber es que si la imagen no es suficientemente grande para rellenar toda la página, la imagen se repetirá tanto a lo ancho como a lo largo hasta rellenar todo el espacio.

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. Esto lo definiremos con el parámetro “text”.

Como ejemplo vamos a poner que queremos que nuestro texto sea en negro, con lo que escribiremos lo siguiente:

<body text= “#000000”></body>

Márgenes: leftmargin, topmargin, rightmargin y bottommargin.

Ya sabemos de qué color será nuestro fondo y nuestro texto, pero también podemos predefinir los márgenes de nuestra página web para que queda mucho mejor. Porque no queremos que nuestro texto se quede muy pegada a los márgenes, ¿verdad?.

Para especificar los márgenes utilizaremos el parámetro margin, con su correspondiente indicación delante. 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.

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>

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 azul cuando estén inactivos deberemos escribir lo siguiente:

<body link= “#FF0000” alink= “#FF0000” vlink= “# 0000FF”></body>.

Si te ha gustado este artículo  únete a nuestro canal de Telegram para recibir más artículos como este o síguenos en Twitter .

FV

Diseñador gráfico y web, con ganas de trabajar y aprender todo lo posible de este campo tan variado. Creativo tanto en la vida laboral como personal. Diseñar es el arte de transmitir gráficamente lo que uno imagina. Imagina, crea, diseña.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *