Guia y Documentacion HTML: Formateado de textos
Guía y Documentación HTML: Formateado de textos

A continuación mostraremos los códigos usados en las presentaciones de texto, sin entrar en detalle en su ubicación y maquetación usando las tablas y los frames.
El texto que queremos presentar se incluye en el fichero HTML siempre fuera de cualquier < >
Los códigos y funciones en texto son:
<PRE> Indica que procesaremos un texto "preformateado". Hasta encontrar el </PRE> se respetarán todos los espacios y los retornos de línea.
<P> Indica que procesamos un nuevo parrafo. Podemos cerrarlo con </P>
<B> Indica que pasamos a negrita. Finalizamos la negrita con </B>
<STRONG> Igualmente que el anterior, pasamos a negrita. Finalizamos con </STRONG>
<H1> Tamaño de texto 1. Finalizamos con </H1>
<H6> Tamaño de texto 6. Finalizamos con </H6>
NOTA: Existen en este modo 6 tamaños diferentes para la definicion del texto.
<BASEFONT SIZE=n> Fija la referencia por defecto de base para el tamaño de los caracteres con códigos FONT SIZE. Su valor por defecto es 3.
<FONT> Similar al anterior, pero permite unas referencias adicionales. En realidad existen dos modos de llamar al texto, en modo literal y en modo físico.
Deberemos SIEMPE finalizar el formato de texto con </FONT>.
Los parametros para FONT son:
SIZE Cambia el tamaño del texto, referenciado al tamaño por defecto seleccionado en el navegador.
FACE Carga si está disponible un determinado FONT, por ejemplo FONT=courier
COLOR Selecciona el color para el texto.

Para la colocación del texto podemos usar los códigos <center>, ejemplo:
          <center>
          <font size=5 color=FF0010>
          PRESENTAMOS<br></font>
          <font size=3 color=001050>
          La mejor y mas potente forma de diseñar sus páginas
          WEB, usando sólamente 
          su imaginación y su procesador de textos habitual.
          </font>
          </center>
Nos da como resultado:
PRESENTAMOS
La mejor y mas potente forma de diseñar sus páginas WEB, usando sólamente su imaginación y su procesador de textos habitual.

<BR> Introduce un retorno de linea y comienza una nueva línea.
<BLINK> Presenta el texto con intermitencia. Finaliza con </BLINK>
<I> Presenta en itálica. Finaliza con </I>

Otras funciones para texto, incluyen códigos para presentar listas.
Para hacer una lista en la pantalla sin numerar:
<UL> Nos indica que comenzamos una lista sin numerar ( unnumered list ).
<LI> Objeto de la lista.
<LI> Siguiente objeto en la lista.
</UL> Fin de la lista.

Ejemplo:
  • Este es el primer objeto
  • Este es el segundo objeto
  • ... siguientes objetos
Si deseasemos la lista numerada, entonces usariamos:
<OL> Comenzamos una lista ordenada ( ordered list ).
</OL> Finalizamos la lista ordenada.

Ejemplo:
  1. Este es el primer objeto
  2. Este es el segundo objeto
  3. ... siguientes objetos

Otra forma, es situar una tabulación en la definición de un concepto, usando los códigos:
<DL> Comenzamos una lista tabulada.
<DT> Termino a definir.
<DD> Definición.
</DL> Fin de la lista tabulada

Ejemplo:
   <DL>
   <DT> HTML
   <DD> HyperText Markup Lenguage.
              Lenguaje de fabricación de
              hipertexto.
   </DL>
Nos presenta el siguiente resultado:
HTML
HyperText Markup Lenguage. Lenguaje de fabricación de hipertexto.

Por supuesto podemos insertar otros códigos para dar formato a nuestro texto. Observe las siguientes lineas de código y su resultado:
   <DL>
   <DT> <b>HTML</b>
   <DD> HyperText Markup Lenguage.
              <font color=AB0000>Lenguaje de fabricación de
              hipertexto.</font>
   </DL>
Resultado:
HTML
HyperText Markup Lenguage. Lenguaje de fabricación de hipertexto.


Si usted ya ha llegado hasta aqui, seguro que una vez haya asimilado la base de qué es un HTML, el resto le será mucho más fácil.
Si tiene dudas escribanos a support@interec.com.