Estilo
Los navegadores sólo reconocen un espacio entre palabras. Si se quiere forzar a que reconozca más espacios entre palabras hay que utilizar la entidad .
Para destacar fragmentos del texto existen diversas etiquetas de estilo. <B> y </B> destacan el texto en negrita. <I> y </I> ponen el texto en cursiva. <TT> y </TT> muestran el texto con una fuente de anchura fija.
Así, el código siguiente:
<B>Esta frase está en negrita.</B><BR> <I>Esta frase está en cursiva.</I><BR> <TT>Y esta frase aparece con una fuente de anchura fija.</TT><BR> |
quedaría presentado así:
|
Los superíndices y subíndices se consiguen utilizando las etiquetas <SUP> </SUP> y <SUB> </SUB> respectivamente.
El siguiente ejemplo:
| (a<SUB>1</SUB>+a<SUB>2</SUB>)<SUP>2</SUP> |
daría el siguiente resultado:
|
El parpadeo es un efecto que se consigue con la etiqueta no estándar <BLINK>, soportada sólo por Netscape. Debe usarse con prudencia, el texto parpadeante es molesto y debe reservarse para textos urgentes. Por ejemplo:
| <BLINK>Este texto parpadea.</BLINK> |
se verá así:
|
|
Entidades
Los navegadores soportan los caracteres gráficos de la especificación ISO 8859-1, que permite escribir textos en la mayoría de los paises occidentales. De cualquier forma, como muchos sistemas tienen distintos juegos de caracteres ASCII, se han
definido dos formas de representar caracteres especiales usando solamente el código ASCII de 7 bits, que contiene los caracteres esenciales. Para hacer referencia a estos caracteres se les asigna un código numérico o un nombre de entidad. Asimismo, los caracteres <, > y & tienen significados especiales en el lenguaje HTML y no deben ser usados como texto corriente. Los corchetes angulares (< y >) indican el inicio y el final de las etiquetas, y el ampersand (&) indica el inicio de una entidad.
Para usar uno de estos tres caracteres en un documento HTML hay que utilizar su entidad:
< es la entidad correspondiente para <.La siguiente tabla muestra las principales entidades:
> es la entidad correspondiente para >.
& es la entidad correspondiente para &.
|
Al revés que las etiquetas, las entidades distinguen entre mayúsculas y minúsculas. No se debe usar, por ejemplo, < en lugar de <.
Fuentes tipográficas
Tamaño
Desde el estándar HTML 3.2 se admite la etiqueta <FONT> con el atributo el atributo SIZE para cambiar el tamaño del texto. Por ejemplo:
| <FONT SIZE="5">Texto en tamaño 5</FONT> |
se vería de este modo:
|
Los tamaños del texto van, de menor a mayor, del 1 al 7. El tamaño base es el 3. El tamaño del texto también se puede cambiar de manera relativa respecto al tamaño base. Este ejemplo:
| <FONT SIZE="-1">Texto un poco más pequeño.</FONT> |
quedaría así:
|
Y lo siguiente:
| <FONT SIZE="+1">Texto un poco más grande.</FONT> |
aparecería de esta manera:
|
Incluso es posible cambiar el tamaño base para todo el documento, poniendo a continuación de la etiqueta <BODY> la etiqueta <BASEFONT>. El siguiente ejemplo cambiaría el tamaño base de 3 a 5:
| <BASEFONT SIZE="5"> |
Tipos
El atributo FACE="nombre_de_fuente" permite cambiar el tipo de fuentes a utilizar. No está contemplado en el estándar HTML 3.2, pero está implementado en las últimas versiones de Netscape y Explorer. Por defecto, los navegadores utilizan la fuente Times New Roman (que puede ser sustituida desde la configuración del navegador). Al confeccionar una página, el autor puede forzar que el texto adopte un determinado tipo de fuente, distinto del que tiene configurado el navegador. Para que esto ocurra, el usuario debe tener instalado en su sistema ese tipo de fuentes (y con el mismo nombre); si no, verá el texto con la fuente establecida por defecto en su navegador.
Para que el texto adopte la fuente Arial, habría que escribir:
| <FONT FACE="Arial">Este texto se verá con la fuente Arial.</FONT> |
cuyo resultado sería:
|
En el atributo se pueden especificar fuentes alternativas, separadas por comas. De este modo, si la primera fuente no está instalada el texto adpotará la forma de la siguiente fuente. Si fallan todas, el texto aparecerá con la fuente por defecto. Esto es muy útil para que un mismo texto tenga una apariencia similar en diferentes plataformas. Por ejemplo, para que un texto aparezca en Arial en los PC bajo Windows, y en Helvetica (una fuente similar) en los sistemas Macintosh, habría que escribir lo siguiente:
| <FONT FACE="Arial,Helvetica">En un PC bajo Windows, este texto se verá con la fuente Arial. En un Macintosh, aparecerá con la fuente Helvetica, porque no dispone de la fuente anterior.</FONT> |
cuyo resultado sería:
|
Como este atributo no es estándar y depende de las fuentes instaladas en el ordenador del usuario, no conviene basar el diseño de una página exclusivamente en un tipo de fuente. Además, el tamaño de las letras varía mucho entre fuentes diferentes.
Color
El atributo TEXT, englobado dentro de la etiqueta <BODY>, cambia el color de la totalidad del texto de la página. Netscape y Explorer soportan una etiqueta de color de la fuente (<FONT COLOR="#color_de_fuente">) con la que se puede cambiar sólo una parte del texto. Así:
| <FONT COLOR="#FF00FF">Este texto se verá en color magenta.</FONT> |
aparecerá del siguiente modo:
|
