12.176 cursos gratis
8.741.731 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

HTML. Introducción práctica

Autor: Redpoint Bobuu
Curso:
9,13/10 (8 opiniones) |4600 alumnos|Fecha publicación: 23/07/2009
Envía un mensaje al autor

Capítulo 21:

 Mostrar el texto en diferentes colores. Formato

HTML - Estructuración de Texto - Colores <font></font>

En el post anterior hemos visto como cambiar el tamaño al text, hoy veremos cómo darle color para que nuestra web sea más bonita. Lo haremos con el mismo elemento <font> pero con diferente atributo "color".

código     : <font color = nombre del color></font>
resultado: permite mostrar el texto en diferentes colores.

También es posible utilizar los valores sRGB para indicar el color. En el ejemplo tenéis los colores.

Pasemos al Código de ejemplo:  (He agregado un <br>, salto de línea en el código para poder ver el resultado en dos líneas).
<html>
  <head>
    <title>Texto - Colores de la fuente</title>
  </head>
  <body>
    <font color="black">Texto en color NEGRO</font> atributo = black<br>
    <font color="silver">Texto en color PLATEADO</font> atributo = silver<br>
    <font color="gray">Texto en color GRIS</font> atributo = gray<br>
    <font color="white">Texto en color BLANCO</font> (BLANCO) atributo = white<br>
    <font color="maroon">Texto en color MARRÓN</font> atributo = maroon<br>
    <font color="red">Texto en color ROJO</font> atributo = red<br>
    <font color="purple">Texto en color PÚRPURA</font> atributo = purple<br>
    <font color="fuchsia">Texto en color FUCSIA</font> atributo = fuchsia<br>
    <font color="green">Texto en color VERDE</font> atributo = green<br>
    <font color="lime">Texto en color VERDE LIMA</font> atributo = lime<br>
    <font color="olive">Texto en color VERDE OLIVA</font> atributo = olive<br>
    <font color="yellow">Texto en color AMARILLO</font> atributo = yellow<br>
    <font color="navy">Texto en color AZUL MARINO</font> atributo = navy<br>
    <font color="blue">Texto en color AZUL</font> atributo = blue<br>
    <font color="teal">Texto en color AZUL VERDOSO</font> atributo = teal<br>
    <font color="aqua">Texto en color CELESTE</font> atributo = aqua<br>
   </body>
</html>

El código anterior se vería así en el navegador:
Mostrar el texto en diferentes colores. Formato
Nota: Observad que en el ejemplo el color blanco no se ve porque utilizamos un fondo blanco, pero sobre un fondo oscuro queda muy bien.

Capítulo siguiente - Fuentes. Texto

Nuestras novedades en tu e-mail

Escribe tu e-mail:



MailxMail tratará tus datos para realizar acciones promocionales (vía email y/o teléfono).
En la política de privacidad conocerás tu derechos y gestionarás la baja.

Cursos similares a HTML. Introducción práctica



  • Vídeo
  • Alumnos
  • Valoración
  • Cursos
1. Manual HTML
HTML es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto... [25/11/04]
74.947  
2. Introducción al lenguaje HTML
¿Te interesa entrar al mundo de la programación web ? ¡Entonces este curso de... [14/04/11]
739
Curso con video
3. Cómo exportar una animación de Flash a HTML
En este curso de vídeo se enseña la manera de transportar o exportar animaciones... [29/06/12]
20
Curso con video

¿Qué es mailxmail.com?|ISSN: 1699-4914|Ayuda
Publicidad|Condiciones legales de mailxmail