Dentro de las etiquetas que conforman la estructura de una página web,
BODY es la única que acepta parámetos que afectan el modo en el que se ve la página.
Vamos a ver como agregar parámetros en una etiqueta HTML. A los parámetros también se los suele llamar propiedades. El formato de una etiqueta con parámetros es así:
<ET par1="valor1" par2="valor2">
....
</ET>
|
Entonces para cada etiqueta hay varios parámetros que pueden ser modificados, con ciertos valores, para lograr que la página se vea como se quiere.
Específicamente, en el caso de la etiqueta
BODY, podemos encontrar varios parámetros. Aquí va una lista de ello con la respectiva descripción de su acción:
Nombre de propiedad - Descripción
|
bgcolor - cambia el color de fondo de una página web.
text - define el color del texto de una página web.
topmargin - margen superior de una página a su contenido.
leftmargin - idem con margen izquierdo.
bottommargin - idem con margen inferior.
rightmargin - idem con margen derecho.
link - define color de los vínculos de una página web.
vlink - color de los links ya visitados.
alink - color del link activo.
title - muestra texto al dejar el mouse quieto.
|
Podemos encontrar más propiedades del
BODY, pero a fectos de este curso los listados arriba son suficientes para modificar todo lo necesario en una págian web. Bueno ya sabemos que parámetros hay, pero tenemos que saber que valores aceptan. Aquí va una tabla con esa información:
Nombre de propiedad - Valores aceptados
|
bgcolor - nombre de color o un código hexadecimal.
text - nombre de color o un código hexadecimal.
topmargin - número de pixels.
leftmargin - número de pixels.
bottommargin - número de pixels.
rightmargin - número de pixels.
link - nombre de color o un código hexadecimal.
vlink - nombre de color o un código hexadecimal.
alink - nombre de color o un código hexadecimal.
title - texto.
|
Luego de ver todo lo teórico podemos hechar mano al código. Hasta ahora (si leímos los anteriores capítulos) conocemos la estructura de una página web, los colores con nombre, y los parámetros de la etiqueta
BODY, entonces sabemos que una página vacía debe verse así:
<HTML>
<HEAD>
<TITLE> Este es mi título </TITLE>
</HEAD>
<BODY>
Contenido de la página
</BODY>
</HTML>
|
Y una página con algunos parámetros en
BODY debe verse así:
<HTML>
<HEAD>
<TITLE> Este es mi título </TITLE>
</HEAD>
<BODY bgcolor="gold" text="blue" topmargin=20>
Contenido de la página
</BODY>
</HTML>
|
Para ver este ejemplo y ganar algo de práctica puedes crear un archivo de texto en el Bloc de notas, copiar el código del ejemplo anterior, guardar el archivo con extensión .HTM, o renombrarlo a .HTM (no es necesario que esa en mayúsculas solo es por claridad), y luego hacer doble clicl sobre el archivo para que el navegador lo abra. Podremos ver que el color de fondo es gold (un tipo de anaranjado) y el texto es azul.
En el capítulo
anterior vimos los colores y sus nombres, prueba el ejemplo con varios colores. Por claridad agrego una pequeña tabla con algunos colores con nombre para probarlos en el ejemplo anterior:
Tabla de colores |
| |
Black | |
Teal | |
Navy | |
Blue | |
Aqua | |
LightBlue | |
Violet | |
Maroon | |
Red | |
Orange | |
Gold | |
Yellow | |
Olive | |
Lime | |
Gray | |
Silver | |
Green | |
White | |
En este capítulo vimos
atributos para cambiar colores (texto, fondo, links), atributos que definen los márgenes de la página, y el atributo
title para mostrar un texto sobre el mouse cuando este se queda quieto.
En el próximo capítulo veremos algunas
etiquetas HTML que nos sirven para dar un primer nivel de formato al texto, lo que nos deja comenzar a crear páginas web, así que basta de lectura,
luego del próximo capítulo comenzamos a hacer una página web.
Introducción al HTML
Estructura del HTML
Colores para los objetos HTML
El cuerpo de la página
Etiquetas de separación
Estilo del texto 1
Estilo del texto 2 (el comando FONT)
Listas, una buena manera para esquematizar y organizar.
Imagen, sonido y video
Links (hipervínculos)
Marquesinas