Menú

Enlaces

Visitas

3. Cuerpo <body>

Será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas.

Está delimitado por las etiquetas:
<body></body>

3.1. Atributos para páginas

Van dentro de la etiqueta:
<body>

3.1.1. Atributos para fondos

3.1.1.1. bgcolor

Color plano en toda la superficie.
Ejemplo:
<body bgcolor="Navy">
<body bgcolor="red">
<body bgcolor="#66FF33">
Resultado:
Ver ejemplo fondo navy (azul marino)
Ver ejemplo fondo red (rojo)
Ver ejemplo fondo #66FF33 (pistacho)

3.1.1.2. background

Para imágenes. Las imágenes se colocan en mosaico hasta ocupar toda la superficie. Es conveniente poner junto con este atributo el atributo bgcolor, que deberá ser parecido al color de la imagen.
<body blackground="imagen.jpg">
Ejemplo:
<body blackground="image/onu.png">
<body blackground="image/onu2.png">
Resultado:
Ver ejemplo Esta es la imagen »
Ver ejemplo Esta es la imagen »

3.1.2. Atributos para enlaces de páginas WEB

3.1.2.1. text

Color de texto de la página. Por defecto el negro. Si dentro del código hay una etiqueta que cambia el color del texto, esta última etiqueta prevalece.
Ejemplo:
<body text="olive">
<body text="purple">
<body text="#66FF33">
Resultado:
Ver ejemplo texto en olive
Ver ejemplo texto en purple
Ver ejemplo texto en #66FF33

3.1.2.2. link, vlink y alink

link: El color de los enlaces que no han sido visitados. Por defecto es azul clarito.

vlink: El color de los enlaces visitados. Por defecto su color es morado. Este color debería ser un poco menos vivo que el color de los enlaces normales.

alink: Es el color de los enlaces activos. Un enlace está activo en el preciso instante que se pulsa. A veces es difícil darse cuenta cuando un enlace está activo porque en el momento en el que se activa es porque lo estamos pulsando y en ese caso el navegador abandonará la página rápidamente y no podremos ver el enlace activo más que por unos instantes mínimos.
Ejemplo:
<body link="0000FF" vlink="00FF00" alink="FFFF00">
link = Color Azul
vlink = Color Verde
alink = Color Amarillo
Resultado:
Ver ejemplo

3.1.3. Atributos para márgenes

3.1.3.1. leftmargin y topmargin (para IExplorer)

leftmargin: Para indicar el margen a los lados de la página. Válido para Internet Explorer.

topmargin: Para indicar el margen arriba y debajo de la página. Válido para Internet Explorer.
Ejemplo:
<body leftmargin="100">
<body leftmargin="200">
<body leftmargin="300"> 		<body topmargin="100">
<body topmargin="200">
<body topmargin="300">
Resultado:
Ver ejemplo leftmargin 100
Ver ejemplo leftmargin 200
Ver ejemplo leftmargin 300 		Ver ejemplo topmargin 100
Ver ejemplo topmargin 200
Ver ejemplo topmargin 300

3.1.3.2. marginwidth y marginheight (para Netscape)

marginwidth: Margen a los lados. Igual que leftmargin pero para Netscape.

marginheight: Margen arriba y abajo. Igual que topmargin, pero para Netscape.
Ejemplo:
<body marginwidth="100">
<body marginwidth="200">
<body marginwidth="300"> 		<body marginheight="100">
<body marginheight="200">
<body marginheight="300">
Resultado:
Ver ejemplo marginwidth 100
Ver ejemplo marginwidth 200
Ver ejemplo marginwidth 300 		Ver ejemplo marginheight 100
Ver ejemplo marginheight 200
Ver ejemplo marginheight 300

3.1.3.3. Ejemplo sin márgenes

Esta página tiene el fondo blanco y dentro una tabla con el fondo rojo.
En la página podremos ver que la tabla ocupa el espacio en la página sin dejar sitio para ningún tipo de margen.
Ejemplo:
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" bgcolor="FFFFFF">
<table width="100%" bgcolor="ff6666">
<tr><td><h1>Hola amigos </h1><br><br> ¡Gracias por visitarme! </td></tr>
</table>
</body>
Resultado:
Ver ejemplo


« 2.7. Style <style>
3.2. Caracteres especiales »
♼