|
Cursillo Villano veraniego
de HTML básico (6)
- No lo aprenderás todo... pero aprenderás ;) - |
Modos de presentar el texto: el formato de texto
Hasta ahora hemos introducido el texto sin ningun formato. Pero al crear un documento es importante y necesario que tengamos la posibilidad de dar forma especial a determinadas letras o palabras. El lenguaje HTML nos va a permitir cambiar la apariencia del texto de tal modo que mejoremos la presentación de nuestras páginas.Las etiquetas que nos ofrece HTML para que podamos lograr esto son: <b>, <basefont>, <big>, <font>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <i>, <small>, <sub>, <sup>, <tt> y <u>. Las etiquetas <basefont> y <font> están obsoletas en HTML 4.0 y han sido sustituidas por <style> y la etiqueta <u>, tambien obsoleta, ha sido sustituida por <ins>. Las etiquetas <basefont> y <font> nos van a permitir controlar el tamaño, el color y la fuente de letra que queremos utilizar. Las dos tienen estos tres atributos: size, color y face, veamos que hacen cada uno de estos atributos:
-
SIZE: sirve para indicar el tamaño de la fuente. Sus valores son de uno de estos dos tipos: absolutos o relativos. Los valores absolutos están entre el 1 (el más pequeño) y el 7 (el más grande). Los valores relativos al tamaño son aquellos que están establecidos antes de la etiqueta y su sintaxis sería size="+/-número" (+ para aumentar el tamaño y - para disminuirlo).
-
COLOR: establece el color para el texto. Los valores se pueden establecer de dos modos: númericos o simbólicos al igual que hacíamos con la etiqueta <body>.
-
FACE: que nos permitirá determinar la fuente (Arial, Verdana, Courier, Times new Roman...)
<basefont> no tiene etiqueta de cierre y <font> sí (</font>), por lo que es fácil deducir que sólo afecta al texto que aparece entre ambas etiquetas. Con <basefont> lo usual es que solo aparezca una vez en el documento HTML determinando el tamaño, color y/o fuente a utilizar por defecto. Veamos en el siguiente ejemplo como actúan estas etiquetas:
Para poner un texto como una cabecera o título (el equivalente a un título, subtítulo, entradilla, etc de una revista o periódico) HTML nos ofrece seis etiquetas: <h1>, <h2>, <h3>, <h4>, <h5> y <h6> que indican diferentes tamaños de cabecera, siendo la h1 la de mayor tamaño y h6 la de menor. Todas tienen etiqueta de cierre (</h1>, </h2>, </h3>, </h4>, </h5>, </h6>). A las cabeceras tambien les podemos modificar el texto en su tamaño, color o apariencia con las etqiuetas que ya hemos visto. Así podremos personalizar o dar más énfasis a una determinada cabecera de nuestro documento. Asimismo, podremos tambien cambiar la alineación de la cabecera mediante el atributo align (left, center, rigth, justify). Veamos en el siguiente ejercicio como se verían estas etiquetas con diferentes tamaños y alineaciones:
Cuando queramos que el texto aparezca con formato de teletipo usamos la etiqueta <tt>. Tiene formato de tipo monoespacio es decir, todos los caracteres ocupan la misma cantidad de espacio.Cuando deseemos que alguna palabra aparezca a un tamaño un poco mayor que el que se está usando, utilizaremos la etiqueta <big>; por el contrario , si lo que queremos es que salga un poco menor utilizaremos la etiqueta <small>.Por último hablemos de cómo cambiar los estilos del texto. Estamos hablando de cómo se puede marcar el texto de tal modo que aparezca en negrita, itálica o subrayado (este último no muy recomendable ya que los navegadores utilizan este estilo para mostrar los hiperenlaces e hipervínculos). Para determinar un estilo lo haremos como sigue:
<b> texto que pondremos </b> : para que aparezca en negrita
<i> texto que pondremos </i> : para que aparezca en itálica
<u> texto que pondremos <u/> : para que aparezca subrayado.
Podemos combinar los estilos al igual que hacemos en un procesador de textos, basta con marcar el texto con las etiquetas pertinentes (p.e.: <b><i> texto a poner </i></b> , haría que el texto apareciera en negrita cursiva). Tambien podemos hacer que el texto aparezca como superíndice o subíndice utilizando las etquetas <sup> y <sub> respectivamente. Veamos en el siguiente ejercicio como quedarían estas etiquetas:
Con esto acabamos esta lección de como dar formato al texto. En el siguiente capítulo terminaremos dando formato al texto con significado especial tal y como podría ser texto como acrónimos, direcciones de contacto, citas largas o cortas, referencias, códigos, énfasis, etc.
 Indice del curso |
| Versión para imprimir | Hecho por escuela@villanos.net en 2000 |