Ya conoces todo esto: los encabezados, los prrafos, las imgenes, las listas y las tablas.

Como recordars, HTML es el "esqueleto" de la pgina web, y CSS te permite darle al

esqueleto algo de piel y de maquillaje.

Pero es posible hacer algo de CSS en lneas. Esto simplemente quiere decir que podemos

poner algo de estilo en nuestro HTML sin preocuparnos por un archivo CSS aparte! Vamos

a aprender esto primero porque har que aprender CSS despus sea mucho ms fcil.

Antes de meternos de lleno entre las fuentes, es importante recordar cmo hacer

comentarios. Puedes incluir pequeas notas, que el navegador no mostrar, en tu cdigo

HTML. Pero estarn en el cdigo para ayudarte a recordar porque hiciste ciertas cosas.

1. Los comentarios comienzan con , as:

Copia el siguiente cdigo en una pgina html Primer cambio de tamao de fuente Aqu va el texto pequeo! Aqu va el texto de tamao normal! Aqu va el texto de tamao sper grande!

Recuerda que y son etiquetas de inicio y de cierre.

Le podemos dar a las etiquetas ms instrucciones mediante la inclusin de atributos en la

etiqueta de inicio. Un atributo es solamente una caracterstica o una descripcin del

contenido en el elemento. Ya has visto los atributos con src en la etiqueta y href en

la etiqueta .

Vamos a cambiar el tamao de el texto. Cmo? Usamos el atributo style. Escribimos igual

a font-size, seguido de dos puntos, el tamao que deseamos, y finalizamos con px

(abreviatura de "pixeles"). Por ejemplo:

Prctica

1. En el primer prrafo, haz que el tamao del texto sea 8px. 2. En el segundo prrafo, haz que el tamao del texto sea 12px. 3. En el tercer prrafo, haz que el tamao del texto sea 44px.

Lo mejor del atributo style es que lo usamos un montn! Y podemos usarlo con muchas

etiquetas diferentes, no solamente con . Ahora vamos a cambiar los colores de nuestro

texto en un encabezado.

Para cambiar el color del texto, simplemente aade el atributo style en la etiqueta de inicio,

luego haz que sea igual a "color:blue" (color azul) o cualquier color que quieras. Por

ejemplo:

Y qu tal si quieres cambiar el color y el tamao del texto? Simple! Solo aades un punto

y coma en medio de cada parte. Por ejemplo:

Puedes encontrar una lista completa de los colores disponibles aqu.

Prctica

1. Aade este cdigo Encabezado grande, antes de las etiquetas prrafo.

2. Cambia el color del encabezado a verde y su tamao a 16px. 3. Cambia el color del primer prrafo a violeta. 4. Cambia el color del segundo prrafo a rojo y su tamao de fuente a 8px.

Y si queremos poder decidir qu tipo de fuente usar?. En HTML, a esto se le llama la

familia de fuentes tipogrficas.

Para cambiar el tipo de fuente, simplemente aade el atributo style en la etiqueta de inicio,

luego hazlo igual a "font-family:Helvetica" (o cualquier fuente que quieras). Por ejemplo: