BODY

A través de la etiqueta <body> es posible establecer el color o la imagen de fondo de la página.

El color de fondo puede establecerse a través del atributo bgcolor, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido.

En este enlace encontrará los valores hexadecimales (códigos)

y nombres de colores

Por ejemplo, para hacer que el color de fondo de una página sea de color azul, tendremos que escribir:

...
<body bgcolor="#0000FF">
...
</body>
</html>

Sería equivalente a poner:

...
<body bgcolor="blue">
...
</body>
</html>

La imagen de fondo puede establecerse a través del atributo background, indicando la ruta en la que se encuentra la imagen.

Por ejemplo, para hacer que la imagen de fondo de una página sea la imagen fondo.gif, que se encuentra en el mismo directorio en el que se encuentra guardada la página, tendremos que escribir:

...
<body background="fondo.gif">
...
</body>
</html>

En el caso de que la imagen no se encuentre en el mismo directorio que la página, y se encuentre dentro de la carpeta imagenes, que sí se encuentra en el mismo directorio que la página, tendremos que escribir:

...
<body background="imagenes/fondo.gif">
...
</body>
</html>

ETIQUETAS DE TEXTO

Las etiquetas de texto, permiten cambiar los atributos y la manera

como el texto se verá dentro de la página.

Se puede afectar todo un párrafo, una línea, una palabra o caracteres

individuales simplemente encerrándolos dentro de las etiquetas apropiadas.

ETIQUETA <HX> </HX>

Esta etiqueta, conocida como etiqueta de encabezado (heading), es utilizada

con frecuencia para escribir títulos y subtítulos, dado que permite mostrar

texto en negrillas con seis tamaños diferentes, dependiendo del valor asignado

al atributo X

<HTML>

<HEAD>

<TITLE> Encabezados</TITLE>

</HEAD>

<BODY>

<H1>Este texto tiene el tamaño que le da la etiqueta H1</H1>

<H2>Este texto tiene el tamaño que le da la etiqueta H2</H2>

<H3>Este texto tiene el tamaño que le da la etiqueta H3</H3>

<H4>Este texto tiene el tamaño que le da la etiqueta H4</H4>

<H5>Este texto tiene el tamaño que le da la etiqueta H5</H5>

<H6>Este texto tiene el tamaño que le da la etiqueta H6</H6>

</BODY>

</HTML>

La etiqueta <HX> tiene otro atributo que permite controlar la alineación del texto.

Éste se puede alinear al centro (align="center"), a la derecha (align="right"),

a la izquierda, que es la alineación que toma por defecto cuando

el atributo align es omitido, o justificado (align="justify").

<H1 align=”center”>Texto </H1>

ETIQUETA <FONT> </FONT>

Esta etiqueta permite controlar tres atributos del texto que se encuentra

encerrado entre ellas: su tamaño (SIZE), su color (COLOR) y el tipo

de fuente (FACE)

La sintaxis completa de la etiqueta <FONT> es la siguiente

<FONT SIZE="X" COLOR="color" FACE="Nombre de la fuente">Texto</FONT>

Donde X corresponde al tamaño de la fuente que admite valores positivos y negativos.

El atributo color puede ser un valor hexadecimal o el nombre en inglés de

un color específico. Aunque en teoría se pueden mostrar millones de colores, existen

16 de ellos que componen la denominada “Paleta Segura”. El uso de cualquiera de

esos colores, garantiza que las páginas podrán ser vistas tal como fueron diseñadas

En este enlace encontrará los valores hexadecimales (códigos)

y nombres de colores.

Nombre de la fuente es el atributo correspondiente a los

nombres de las fuentes disponibles en el sistema, tales como:

Arial, Helvetica, Times New Roman, Arial Black, Chalesworth, etc

Ejemplo:

<FONT SIZE="+1" COLOR="maroon" FACE="Comic Sans MS">TEXTO</FONT>

<FONT SIZE="+2" COLOR="#0000ff" FACE="Tahoma">TEXTO</FONT>

<FONT SIZE="+2" COLOR="Purple" FACE="Stencil">TEXTO</FONT>

<FONT SIZE="+2" COLOR="#ff00ff" FACE="Arial">TEXTO</FONT>

ETIQUETA <PRE> </PRE>

HTML sólo reconoce y muestra un espacio en blanco entre palabras, aunque

se hayan escrito dos o más. Tampoco reconocerá tabuladores o retornos

de carro.

Sí se quiere que el texto se vea en la página tal como fue escrito,

éste debe encerrarse dentro de las etiquetas <PRE> y </PRE>

(preformated), que forzarán al explorador a mostrar todos los espacios,

tabuladores y retornos de carro que encuentre

ETIQUETA <BR> y <P>

La etiqueta <BR> permite forzar un salto de línea dentro de un texto.

Observe que esta etiqueta no se cierra con </BR>, razón por la que se

le conoce como etiqueta abierta.

<P> es otra etiqueta que puede utilizarse abierta o cerrada.

Si se usa de la primera forma, iniciará un nuevo párrafo dejando una línea

en blanco, si por el contrario se cierra con </P> permite alinear el nuevo párrafo a

la derecha, en el centro, a la izquierda o justificado, dependiendo del valor asignado al parámetro ALIGN

ETIQUETA <HR >

Esta etiqueta “abierta”, dibuja una línea horizontal (Horizontal Rule),

con alineación, tamaño y ancho variables. Se utiliza con frecuencia para separar secciones de contenido

Existen cuatro atributos que permiten modiﬁcar su apariencia. Estos son:

"align" :

Permite cambiar la alineación de la línea. Puede tomar tres valores:"left", "center" y "right" para conseguir alineación a la izquierda, centro y derecha respectivamente.

’noshade’:

’noshade’, que en inglés signiﬁca sin sombra, existe porque algunos navegadores gráﬁcos como Navigator™ o Explorer™ muestran las líneas horizontales con un efecto tridimensional con sombra. Al incluir este atributo se elimina este efecto de manera que el navegador sólo mostrará una línea horizontal negra

’size’:

Con este atributo se puede controlar el grosor de la línea. Como valor de este atributo se debe especiﬁcar el valor deseado en pixeles (puntos de pantalla)

’width’:

Este atributo permite especiﬁcar el ancho de la línea. El valor puede ser dado deuna manera absoluta, especiﬁcando el ancho en pixeles (por ejemplo width=100) o de manera relativa respecto al ancho de la ventana del navegador usando porcentajes (por ejemplo width="90%"). Es más que recomendable usar este último sistema demanera que obtengamos un resultado apropiado independientemente del tamaño quecada usuario quiera dar a la ventana de su navegador

Su sintaxis es:

Línea centrada, de tamaño 10 puntos y ocupando el 30% de la página

Línea alineada a la izquierda, de tamaño 5 puntos y ocupando la mitad de la página

Línea alineada a la derecha, de tamaño 20 puntos y ocupando la mitad de la página

OTRAS ETIQUETAS PARA TEXTO

Texto centrado: <CENTER> texto </CENTER>

<b> Texto en negrilla </b>

<i> Texto en cursiva </i>

<u> Texto subrayado </u>

<s> Texto tachado </s>

<tt> Teletipo máquina de escribir <//tt>

Para ampliar estos temas haga clic aquí