miércoles, 6 de febrero de 2013

HTML5: Formato de texto2 ("TipoLetra", "Tamaño", "Color")

"Todo gira en torno al uso de la etiqueta <font>........</font> acompañada de atributos"

A) TIPO DE LETRA: <font face="tipo de letra">...</font>

Ejemplo5: <font face="Comic Sans MS,arial,verdana">Este texto tiene otra tipografía</font>

B) TAMAÑO DE LETRA: <font size="número">...</font>

Ejemplo6: <font size=4>Este texto es más grande</font>

C) COLOR DE LETRA: 
Dentro de este apartado tenemos dos posibles opciones:

    C1- ATRIBUTO COLOR: <font color="tipo de color">...</font>
             Los colores se eligen de la siguiente foto.


PROBLEMA3: Partiendo de los conocimiento adquiridos hasta este punto Elabora una página web que incluya las siguientes características, su nombre será LETRAS y COLORES.
  • Un titular con encabezado de nivel 1, en itálica y color verde oliva.
  • Un segundo titular con encabezado de nivel 2, también de color verde oliva.
  • Todo el texto de la página deberá presentarse con una fuente distinta de la fuente por defecto. Por ejemplo "Comic Sans MS" y en caso de que ésta no esté en el sistema que se coloque la fuente "Arial".
        C2- CÓDIGO DE COLORES: <font color="CódigoHexadecimalColor"> texto </font>
               Los colores también se pueden seleccionar mediante a un código de colores, ver link

C) COLOR DE LA PÁGINA: <BODY BGCOLOR="..">...</BODY>

ETIQUETA: <BODY>..</BODY>
ATRIBUTO: BGCOLOR="color elegido o código del color" 

Recordar que el color de fondo se traduce como BACKGROUND COLOR -> BG COLOR, simplemente tenemos que actuar en la etiqueta BODY para afectar a toda la página.




12 comentarios:

  1. Me parece increíble que des un curso diciendo que es de HTML5 y utilices la etiqueta FONT, que ha quedado obsoleta desde HTML 4.01 (fuente: http://www.w3schools.com/tags/tag_font.asp).

    Si quieres dar un curso de HTML5, infórmate antes.

    ResponderEliminar
    Respuestas
    1. Toda la razón, hay algunos que ya están con la vieja escuela

      Eliminar
  2. me dicen como pongo la letra negrita porfis

    ResponderEliminar
    Respuestas
    1. Este comentario ha sido eliminado por el autor.

      Eliminar
    2. Puedes hacerlo de dos formas:
      1. Utilizando el tag: b
      2. Utiizando el tag: strong

      Eliminar
  3. Lo que se hace en HTML 5 es por ejemplo si quiero colocar a un título de cabecera con (h1), es dentro de la etiqueta (head)(/head) colocar esto

    (Style)
    h1{
    color: red;
    }
    (/style)

    Cambiar el parentesis por los signos mayor o menor

    ResponderEliminar
    Respuestas
    1. Así se coloca el color ahora, inclusive ahora el style se puede colocar en CSS y vincularlo con HTML

      Eliminar
  4. Hola, gracias a este post pude empezar a editar mi nueva pagina web. saludos :) www.otrosojos.cl

    ResponderEliminar
  5. Y como podría hacer un texto más grande aún?
    no me pasa del número 7 en el size

    como podría hacer un texto de size=200px o 500px?

    ResponderEliminar