Tipos de letra


En este apartado se indica cómo definir cabeceras mediante el elemento <Hn>, y cómo modificar el tamaño y color de algún grupo de caracteres mediante el elemento <FONT> y sus atributos SIZE y COLOR.

Se puede también cambiar el tamaño de letra por defecto (3) de toda la página mediante el elemento vacío <BASEFONT>.

Finalmente se definen los estilos de caracteres disponibles distinguiendo entre los estilos físicos (negrita, cursiva, ...) y los lógicos (variables, citas, ejemplos, ...).


Hn

El elemento <Hn> se utiliza fundamentalmente para escribir encabezamientos. Asigna un tamaño a los caracteres, dependiendo del valor n, el cual varía de 1 a 6. Los más grandes tienen valor 1 y los más pequeños valor 6. El texto entre estas marcas se trata en negrita. Se inserta automáticamente un salto de párrafo, como puede comprobar en el siguiente ejemplo:

Ejemplo:

Texto antes de la cabecera. <H3>Cabecera</H3> Más texto.
Esto dará el siguiente resultado:
Texto antes de la cabecera.

Cabecera

Más texto.

En la siguiente tabla tiene una muestra del tamaño de letra de cada una de las cabeceras.

<H1>Cabecera H1</H1>

Cabecera H1

<H2>Cabecera H2</H2>

Cabecera H2

<H3>Cabecera H3</H3>

Cabecera H3

<H4>Cabecera H4</H4>

Cabecera H4

<H5>Cabecera H5</H5>
Cabecera H5
<H6>Cabecera H6</H6>
Cabecera H6
Inicio

FONT

El elemento <FONT> permite definir el tamaño, color y tipo de letra de un conjunto de caracteres mediante los siguientes atributos:
El atributo SIZE: Regula el tamaño de los caracteres (1 - 7).
El atributo COLOR: Especifica el color de los caracteres. Para consultar los códigos de los colores que le interesen puede consultar la
tabla de códigos de colores.
El atributo FACE: permite definir el tipo de letra: Algerian, Arial, Times New Roman, Courier, MS Serif, Symbol, System, Times New Roman, Windsort, ...
Este atributo es soportado tan solo por algunos browsers. (El Netscape no lo reconoce)

Ejemplos:

Tamaños 1 2 3 4 5 6 7 6 5 4 3 2 1 (Ver código fuente)
Colores CO LO RE S . D E . L ET RA S (Ver código fuente)
<FONT SIZE=4 COLOR=#008000> Texto de color verde y tamaño 4.<FONT>
Texto de color verde y tamaño 4.
<FONT SIZE=6 COLOR=#FF0000> Texto de color rojo y tamaño 6.<FONT>
Texto de color rojo y tamaño 6.
El atributo SIZE del elemento <FONT> tiene la peculiaridad de poder indicar el tamaño de letra deseado en función del tamaño definido por defecto para el documento.

Ejemplo:

Este texto tiene el tamaño por defecto (3). <BR>
<FONT SIZE=-1>Este texto es del tamaño 3-1=2.</FONT> <BR>
<FONT SIZE=+2>Este texto es del tamaño 3+2=5.</FONT>
Teniendo en cuenta que el valor por defecto definido inicialmente para un documento es 3, el resultado será:
Este texto tiene el tamaño por defecto (3).
Este texto es del tamaño 3-1=2.
Este texto es del tamaño 3+2=5.

El valor del tamaño por defecto puede ser modificado mediante el elemento <BASEFONT> que se explica a continuación.

Inicio

BASEFONT

El elemento <BASEFONT> permite cambiar el tamaño por defecto de toda la página mediante el atributo SIZE.

Ejemplo:

<BASEFONT SIZE=5>
Con esta sentencia se conseguirá que el tamaño de letra por defecto del documento pase a ser 5, hasta que aparezca otro elemento <BASEFONT> que lo restaure o lo cambie por otro valor diferente.

Ejemplo de uso de <FONT> y <BASEFONT>:

Inicialmente el tamaño por defecto es 3.<BR>
<FONT SIZE=+2>Por tanto este texto está en 3+2=5</FONT><BR>
<BASEFONT SIZE=6>
Ahora el tamaño por defecto es 6.<BR>
<FONT SIZE=-2>Este texto está en 6-2=4</FONT><BR>
Inicialmente el tamaño por defecto es 3.
Por tanto este texto está en 3+2=5
Ahora el tamaño por defecto es 6.
Este texto está en 6-2=4
Inicio

Estilos de Caracteres

Los siguientes elementos llenos permitirán definir distintos estilos para el grupo de caracteres que se defina entre sus marcas de inicio y cierre.

Ejemplo:

<i> Texto en cursiva (itálica) </i>
Texto en cursiva (itálica)

Los estilos físicos indican explícitamente el tipo de caracteres a utilizar.

Estilos físicos
Negrita <b>
Cursiva <i>
Subrayado <u>
Tachado <strike>
ASuperíndice <sup>
BSubíndice <sub>
Parpadeo <blink>
Máquina de escribir
(Teletipo)
<tt>
Texto grande <big>
Texto pequeño <small>

Los estilos lógicos están pensados para caracterizar determinadas porciones de texto, pero su interpretación es totalmente dependiente del browser.

Estilos lógicos
Énfasis <em>
Texto destacado <strong>
Código <code>
Citas <cite>
Entrada por teclado <kbd>
Ejemplos <samp>
Variables <var>

Se pueden anidar distintos estilos obteniendo resultados como estos:
Inicio

Indice

Facultad de Informática de la Universidad de Las Palmas de Gran Canaria