HTML define siete tamaños de letra distintos, siendo el tamaño 3 el que se adopta por defecto. Sin embargo, la mayoría de los navegadores permiten establecer cuál es la correspondencia real del tamaño 3. Así, se puede hacer que el tamaño 3 corresponda a una fuente Arial de 16, o a una Times de 8.

Existen dos formas de establecer el tamaño de un trozo de texto.

• Tamaño de texto absoluto.

Texto
donde argumento es un número entre 1 y 7

• Tamaño de letra relativos.

Texto
donde argumento es una cadena de caracteres que nos indica, con un signo + ó -, el número de veces que esa fuente va ser mayor o menor que el tamaño de la fuente por defecto

El uso de tamaños relativos nos permite olvidarnos de cual es el tamaño de letra que se está utilizando en el momento actual, por lo que, en general, será preferible a utilizar tamaños de letra absolutos.

Si queremos modificar el tamaño de todo el texto del documento, una forma de hacerlo sería englobar todo el cuerpo del documento en una etiqueta con el tamaño de letra que queremos utilizar. Así escribiremos algo parecido a lo que sigue:

………..


……..
(contenido del documento)
…….

Sin embargo, hay otra forma de hacerlo más elegante y legible, utilizando la siguiente etiqueta:

Este etiqueta puede situarse en cualquier lugar del documento. Sin embargo, como se trata de una etiqueta que afecta a todo el documento, para mantener la legibilidad lo más lógico es colocarlo en la cabecera.

Si fijamos un tamaño de letra básico distinto del 3, debemos tener en cuenta que es posible que alguno de los tamaños relativos no pueda llevarse a cabo, puesto que se sale de los límites especificados.
Colores del texto.
Para dar color a un texto se utiliza el comando siguiente:

Texto

En un principio la forma de especificar un color en HTML, era mediante el formato hexadecimal. Consistía en tres números hexadecimales (números expresados en base 16) de dos dígitos cada uno. Con un número hexadecimal de dos dígitos podemos expresar hasta 256 valores distintos. El primer número hexadecimal nos va a indicar la cantidad de rojo que tiene nuestro color, el segundo la cantidad de verde, y el tercero la cantidad de azul (el blanco será FFFFFF, el negro 000000). Esta forma de definir los colores como combinación de los colores rojo, verde, y azul se denomina RGB (red - green - blue).

Afortunadamente, la mayoría de los visualizadores, al menos en sus últimas versiones, admiten otra forma de insertar colores. En lugar de expresarlos, en formato hexadecimal, se expresan como cadena de caracteres. Esta cadena es el nombre del color en inglés.

Para dar color a todo el texto del documento podemos hacerlo con:

Para especificar el color de fondo del documento deberemos utilizar:

Listas
Las listas en HTML proporcionan una forma de clasificar la información, y hacer que ésta sea más inteligible por parte del visitante de las páginas.
Listas ordenadas: OL.
También llamadas listas numeradas son aquellas en las que cada elemento tiene delante un número que indica el orden del elemento dentro del conjunto de la lista.

La marca para crear una lista ordenada es

….

Cada elemento de la lista ordenada se identifica escribiéndolo dentro de la marca

Con la marca LI no es necesario introducir un retorno de carro detrás de cada elemento de la lista.

Es posible especificar el tipo de numeración que se dará (números arábigos, números romanos, letras, etc.), por defecto se sigue la numeración árabe.

Las listas numeradas pueden ser anidadas una dentro de otra.
Listas desordenadas: UL.
También llamadas listas no numeradas son listas en las que no es necesario numerar de alguna manera los elementos que la componen, sino que cada elemento tiene delante un símbolo (un punto, un cuadrado, etc..).

La forma de especificar una lista desordenada es mediante la marca

. Las etiquetas de comienzo y fin de esta marca son obligatorias.

Cada elemento de la lista se identifica mediante la marca

• . La etiqueta de fin para la marca
• se puede omitir

  También es posible en las listas desordenadas especificar el símbolo que va a aparecer delante de cada elemento de la lista.

  Las listas desordenadas también pueden ser anidadas una dentro de otra.
  Listas de definición: DL.
  A diferencia de los dos tipos anteriores de listas, las listas de definición, se utilizan para presentar la información sin marcas, ni números, sino que utiliza los sangrados de los párrafos.

  Las listas de definición están constituidas por términos y su subsiguiente definición.

  La forma de implementar las listas de definición es con la marca

  de la siguiente forma:

  
  

  Nombre del termino
  

  Definición del término
  

  Cada término de la lista de definición se indica con la marca

  y no sangrará, mientras que la descripción del término se indica con la marca

  y sangrará hacia la derecha para resaltarla del término.

  Antes y después de la descripción de cada palabra clave, las listas de definición incorporan un retorno de carro,

  Las listas de definición también pueden anidarse.
  Texto preformateado: PRE.
  El hecho de que HTML ignore los retornos de carro a la hora de mostrar un texto no es un comportamiento arbitrario, sino que es la forma que tenemos de que, independientemente de la ventana del visualizador, nuestro párrafo quede convenientemente justificado

  Sin embargo, es posible que en alguna ocasión queramos que el texto aparezca en el visualizador tal y como lo hemos introducido, respetando los retornos de carro e incluso los espacios que podamos haber dejado entre caracteres. Para ello podemos utilizar la marca

   y englobar en ella todo el texto del documento.
  
  La marca 
   respeta tanto los retornos de carro como los espacios en blanco del archivo original, y la letra aparece como tipo de letra de espacio no proporcional (El tipo de letra usado por el texto preformateado es el mismo que el de  … ), y no con el tipo de letra habitual del visualizador. Esta marca permite mostrar el texto preformateado tal cual.
  
  Además, en el texto preformateado no se interpretan los caracteres especiales HTML: <, > y &.
  Esta marca requiere de las etiquetas de comienzo y fin.
  
  Centrando texto.
  
  Para centrar una parte del documento, se delimita lo que se desea centrar mediante el comando 
   … .
  
  Líneas horizontales.
  
  La marca 
   permite trazar una líneas horizontales para separar distintas secciones de una página HTML 
  
  Por defecto, las líneas horizontales van de la parte izquierda de la ventana del visualizador a la derecha.. Por otro lado tienen la parte superior oscura y la inferior clara, por lo que dan una sensación de relieve.
  Esta marca sólo requiere la etiqueta de comienzo.
  Esta etiqueta tiene varios modificadores que permite cambiar el aspecto de la línea horizontal (ancho, longitud,…).
  
  Comentarios no visibles en la pantalla
  
  A veces es muy útil escribir comentarios en el documento HTML sobre el código que escribimos, que nos pueden servir para recordar posteriormente sobre lo que hicimos, y que no queremos que se vean en pantalla.
  Esto se consigue encerrando dichos comentarios entre estos dos símbolos:  
  Ejemplo: 
   
  Ejemplo práctico nº2
  En el editor de textos copiamos: 
  
  
  
  
  
  
  
  
  
  Comandos básicos
  
  
  
  Párrafos
  
  
  Este es mi primer párrafo del ejemplo 2
  
  
  Este es mi segundo parráfo. Aquí hay una ruptura de línea
  de texto
  
  
  
  
  Listas
  
  
  Ordenadas
  
  
  La musica que mas me gusta es   (en orden de preferencia): 
  
  
  
  
  El rock
  
  
  El jazz 
  
  La musica clasica
  
  
  
  Desordenadas
  
  
  Sin un orden particular, mis  aficiones  son las siguientes:
  
  
  
  
  El cine
  
  El deporte
  
  Natacion
  
  Baloncesto
  
  
  
  De definición
  
  
  
  
  Descripcion
  
  
  Es nombrar las propiedades de algo
  
  Lista descriptiva
  
  
  Es nombrar las propiedades de varios objetos
  
  
  
  También sabemos centrar el texto
  
   y escribir              preformateado 
  
  y a escribir texto parpadeante
  
  
  
  
  Guardamos el fichero de texto con el nombre ejemplo2.html y lo cargamos en el navegador.
  									
  Filed Under: Internet