Etiquetas Para Color, Imágenes y Texto


La etiqueta <font>

Es una etiqueta especial que tiene atributos, estos atributos son:

  • face (Tipo de letra)
  • color (Color de letra)
  • size (Tamaño de letra)
Ejemplos:
  • <font color="#FF6600" > Texto </font>
  • <font color="#ff0000" size="3" face="Arial"> Texto </font>

La etiqueta <img>

Se usa esta etiqueta para enlazar imágenes en la página Web, tiene varias propiedades, las principales son:
  • height (altura)
  • width (ancho)
Ejemplos:
  • <img src="pareja.gif" />
  • <img src="chavo.jpg" height="300px" />
  • <img src="doctor.jpg" width="200px" height="300px" />
Notas. Al usar una imagen el tamaño esta en pixeles, esto significa el px. Es importante recordar que la imagen que se usa debe estar en la misma carpeta donde esta grabado el archivo html.

La Etiqueta <hr />

Es una etiqueta usada para colocar una linea horizontal en la Web, esta etiqueta es especial ya que no tiene un cierre como las demás, tiene las siguientes propiedades:
  • color
  • size
  • width
Ejemplos:
  • <hr />
  • <hr color="#CC6600" size="15px" width="50%" />

La etiqueta <marquee>

Se usa para que un texto, imagen o elemento se desplace de derecha a izquierda en la página.
Ejemplo:

  • <marquee>Texto</marquee>
  • <marquee> <img src="pareja.gif" /> </marquee>

Ejemplo. Uso de Imágenes y Colores

Clic aquí y descargue el ejemplo, luego descomprima para verlo completo


<html>
        <head> <title>Etiquetas básicas de HTML</title> </head>
        <body bgcolor="#CCFFCC">
                <font color="#FF6600" >
                <h1>Caricaturas</h1>
                </font>
                <center>
                <img src="pareja.gif" />
                <h5>Este es un Dibujo Animado</h5>
                </center>
                <p>
                <font color="#ff0000" size="3" face="Arial">Una caricatura (del italiano caricare: cargar, exagerar) es un retrato que exagera o distorsiona la apariencia física de una persona o varias, en ocasiones un retrato de la sociedad reconocible, para crear un parecido fácilmente identificable y, generalmente, humorístico.</font> También puede tratarse de alegorías. Su técnica usual se basa en recoger los rasgos más marcados de una persona (labios, cejas, etc.) y exagerarlos o simplificarlos para causar comicidad o para representar un defecto moral a través de la deformación de los rasgos, en tal caso es una forma de humor gráfico.
                </p>
                <hr />
                <marquee>
                <img src="chavo.jpg" height="300px" />
                </marquee>
                <hr color="#CC6600" size="15px" width="50%" />
                <p>
                La caricatura también se usa abundantemente en la historieta, pero sin limitarse a un género concreto, pudiendo aparecer en hagiografías como el Buda de Osamu Tezuka o en relatos costumbristas como los de Daniel Clowes.
                </p>
                <center>
                <img src="doctor.jpg" width="200px" height="300px" />
                <h5>Esta es una caricatura</h5>
                </center>
        </body>
</html>

Plantilla de Colores HTML