APRENDER A USAR HTML (parte I)
5. Más etiquetas básicas

Otros elementos útiles de HTML para trabajar el texto de una página web son:

• Fuentes: tamaño, color y tipo
•Listas (ordenadas y no ordenadas)

Tamaño y tipo de letra

La etiqueta de tipografía <FONT> posee tres atributos: SIZE, COLOR y FACE, que permiten definir el tamaño, color y tipo de letra, en forma respectiva.

El atributo SIZE: Regula el tamaño de los caracteres.

<FONT SIZE=3> Texto de tamaño 3 </FONT>

El usuario verá: Texto de tamaño 3

<FONT SIZE=4>Este tiene un tamaño 4 </FONT>

El usuario verá: Este tiene un tamaño 4

El atributo COLOR: Especifica la tonalidad de los caracteres. Los colores se identifican mediante de su nombre en inglés (como red, white o black) o a través de un código hexadecimal con el formato "#rrggbb", donde "rr", "gg" y "bb" son valores hexadecimales comprendidos entre 00 y FF que especifican el grado de saturación de los colores rojo, verde y azul.

<FONT COLOR="red"> ROJO. </FONT> = ROJO.
<FONT COLOR=#FF0000> ROJO, también.</FONT> = ROJO, también.

El atributo FACE: Define el tipo de letra que se quiere utilizar: Algerian, Arial, Times New Roman, Courier, MS Serif, Symbol, System, Times New Roman, entre otras. Atención: el usuario sólo verá el texto en el tipo de fuente elegido por el diseñador si esa fuente está instalada en la PC del usuario. Eso reduce, en forma considerable, el número de tipografías a utilizar. Cualquier computadora con Windows tiene, con seguridad, tres tipografías: Times New Roman, Arial y Courier.

<FONT FACE= Times New Roman> Este texto está en tipografía Times New Roman.
El usuario verá: Este texto está en tipografía Times New Roman.

Una misma etiqueta <FONT> puede combinar varios atributos: <FONT FACE=Times New Roman SIZE=6 COLOR=#00FF00>Texto de color verde y tamaño 6 </FONT>
El usuario verá: Texto de color verde y tamaño 6.

Listas
Las listas permiten ordenar ciertos contenidos. Hay dos tipos de clasificaciones: desordenada <UL> y </UL> y ordenada (<OL> y </OL>). La estructura de las etiquetas es igual para ambos casos: Se utiliza <LI> para marcar el principio de cada una. la línea termina cuando aparece un nuevo símbolo </LI> o se cierra la lista.

Un ejemplo de lista ordenada numéricamente sería:
<OL>
<LI> Primer elemento
<LI> Segundo elemento
</OL>

El usuario verá:

1. Primer elemento
2. Segundo elemento

Un ejemplo de lista ordenada numéricamente sería:
<UL>
<LI> Primer elemento
<LI> Segundo elemento
</UL>

El usuario verá:

• Primer elemento
• Segundo elemento