4. Formato para el texto en HTML

<html>

<body>

<!--

Para dar formato al texto utilizamos varias etiquetas. Por ejemplo, para el tamaño del texto utilizamos las etiquetas <h> que funcionan como cabeceras de titulos. Existen seis tamaños que son:

 

<h1> <h2> <h3> <h4> <h5> <h6>

 

El de mayor tamaño seria <h1> y el de menor seria <h6>

Por tanto, si queremos modificar estos tamaños en el texto, lo hariamos asi:

 

<html>

    <head>

        <title>Pagina de inicio</title>

    <head>

    <body>

        <h1>Texto de cabecera 1 </h1>

        <h6>Texto de cabecera 6 </h6>

    </body>

</htm>

 

Si queremos hacer que un texto este en negrillas utilizamos <b> y si queremos que este en cursiva utilizamos <i>

 

<html>

    <head>

        <title>Pagina de inicio</title>

    <head>

    <body>

        <b><i>Esto es un texto en negrillas y cursiva</i></b>

    </body>

</htm>

 

Si te has fijado, el orden de cierre de las etiquetas, es en el mismo orden en el que se han abierto las etiquetas, si no fuese asi, no funcionaria el codigo.

 

Con la etiqueta <font> tambien podemos cambiar los tamaños, fuentes y colores de los textos:

 

<html>

    <head>

        <title>Pagina de inicio</title>

    <head>

    <body>

        <font size="7">Esto es un texto de tamaño 7</font>

        <br/>

        <font face="Verdana">Esto es un texto en formato Verdana</font>

        <br/>

        <font face="Courier">Esto es un texto en formato Courier</font>

    </body>

</htm>

 

Podemos cambiar el color del texto utilizando el sistema hexadecimal que contiene 16 digitos, estos digitos son:

 

0 1 2 3 4 5 6 7 8 9 A B C D E F

 

Quiere decir que el numero 0 es el valor mas bajo y F es el valor mas alto. Ahora, utilizando el sistema de colores RGB obtendriamos los colores, por ejemplo, si queremos obtener el color azul, lo hariamos asi #0000FF.

Los colores Rojo, Verde y Azul definidos serian:

 

#FF0000 Rojo

#00FF00 Verde

#0000FF Azul

 

Sabiendo esto, si queremos que nuestro texto este en azul, lo haraimos de la siguiente forma:

 

 <html>

    <head>

        <title>Pagina de inicio</title>

    <head>

    <body>

        <font color="#FF0000">Esto es un texto de color rojo</font>

        <br/>

        <font color="#00FF00">Esto es un texto de color verde</font>

        <br/>

        <font color="#0000FF">Esto es un texto de color azul</font>

    </body>

</htm>

 

Para cambiar el fondo del documento, podemos utilizar la etiqueta <bgcolor>

 

 <html>

    <head>

        <title>Pagina de inicio</title>

    <head>

    <body bgcolor="#EEAA60"> 

        El fondo del documento tiene un color

    </body>

</htm>

 

Tambien lo podemos hacer incluyendo una imagen en el fondo:

 

 <html>

    <head>

        <title>Pagina de inicio</title>

    <head>

    <body background="imagen.jpg">

        El fondo del documento tiene una imagen

    </body>

</htm>

 

Los formatos que admite son GIF, PNG y JPG.

 

 

-->

</body>

</html>