Libro de Visitas Gratis
Inicio | Directorio de Páginas | Diseño Gráfico | Gadgets | Posicionamiento | Webmasters| Buscador de Artículos | Glosarios

Textos preformateados

Añade Tu Web Al Directorio de NocionDigital.com
Posiblemente ya te habrás dado cuenta de que, cuando escribes un texto con tu editor, a la hora de ver lo hecho con el visualizador, algunas cosas no están como tú las pusiste... Como por ejemplo poner dos o tres espacios en blanco entre palabras, o intentar encolumnar los datos de una pequeña tabla: ¡acaba todo junto y en la misma línea!

Este efecto se puede eliminar con el elemento lleno <STRONG><PRE></STRONG> . Al texto que va dentro del elemento PRE se le pueden aplicar todos los elementos que se quiera, siempre que sean elementos que no alteren la posición del texto. Por ejemplo si utilizas el elemento <H>, se rompería el preformateo pero no ocurrirá lo mismo con <FONT size=3>. Por defecto, los textos preformateados se ven con tipo de letra "curier", es decir de paso fijo y los no preformateados en "Times New Roman". Estos tipos son configurables en el visualizador.

Se escribirá así:

<PRE>

       1  2  3  4  5  6  7      Esto es una demostracion de

       8  9 10 11 12 13 14         texto preformateado.

      15 16 17 18 19 20 21

</PRE>


y este sería el resultado:
       1  2  3  4  5  6  7      Esto es una demostracion de

8 9 10 11 12 13 14 texto preformateado.

15 16 17 18 19 20 21



Dentro de un bloque preformateado también se pueden poner links a otros documentos y codificación para caracteres especiales (se verá más adelante lo que es eso).
Este elemento admite el parámetro WIDTH=x donde x define la máxima longitud de línea visualizada. No funciona con Netscape.


El navegador, por defecto, elimina varios espacios en blanco y los convierte en uno solo. Si lo que deseas es separar una palabra de otra más de un espacio, se puede recurrir a una instrucción especial que le indica esto al navegador, pero hay que darla codificada; funciona como un avance de carro, y aunque en pantalla cumple su objetivo, cuando se imprime la página, no todas las impresoras son capaces de interpretarlo correctamente. Se escribe:   y como alias se utiliza:  

Por ejemplo, si escribes:


texto texto     texto texto


Se ve así:

texto texto     texto texto

 


Con Netscape 3.0 se ha implementado un nuevo elemento que permite definir espacios en blanco sin utilizar el elemento <STRONG><PRE></STRONG>.

Se trata del elemento <STRONG><SPACER></STRONG>. este elemento puede ir acompañado de los atributos TYPE y SIZE y se puede utilizar en cualquier zona de una página, pero donde más se aprecia su efecto es en las columnas. Se escibirá asi:


<MULTICOL COLS="2">
<SPACER TYPE="HORIZONTAL" SIZE="35">
texto texto texto texto texto texto texto texto texto texto texto texto

<SPACER TYPE="HORIZONTAL" SIZE="35">
texto texto texto texto texto texto texto texto texto texto texto texto
<SPACER TYPE="VERTICAL" SIZE="35">
texto texto texto texto texto texto texto texto texto texto texto texto
</MULTICOL>

Y se ve así:


texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto


Como puedes ver, con TYPE=horizontal deja espacio en blanco a la izquierda de la primera linea. Es el valor por defecto. TYPE=vertical deja espacio en blanco por arriba de la primera linea. Para ambos tipos el tamaño del espacio se da en puntos (pixels) con el atributo SIZE. El valor por defecto es 0.

Fíjate en que entre las dos instrucciones con tipo horizontal hay un elemento <STRONG></STRONG>. En efecto, es necesario indicarle a <STRONG><SPACER></STRONG> donde termina el párrafo para que ejecute la siguiente instrucción del mismo tipo.

 
Hits
DOCUMENTOS RELACIONDOS
6792
Visualizar imágen en una nueva ventana sin barras ni menus.
1369
Acceso a una area segura.
1803
Efecto de texto en diagonal.
2955
Las variables GLOBALES.
2173
Migración de APACHE+PHP4+MySQL3 a APACHE2+PHP5+MySQL4.
819
Propósito de este documento (varios años después).
1206
Introducción a DHTML.
4221
Como habilitar mysql en php 5 release sobre apache 2.0.48 en S.O. Windows XP gracias a zend.com.
956
Variables sin valor register_globals.
2340
Invertir el orden de un String. Función StrReverse()..
6422
Cómo hacer un buscador en tu web.
1409
Variables de Sessión.
1358
Cerrar ventana al cabo de un tiempo.
1165
Clase para acceder a PostgreSQL.
6439
Generar clave aleatoria.
1021
Redirección del Error de servidor 301 mediante ASP.
1749
Volver a la página anterior automaticamente.
5874
Crear un formulario dinámicamente a partir de los campos de una tabla.
994
Cuanto tardas en hacer click en un link..
3703
Recorrer archivo XML, para lector RSS usando la extensión SimpleXML.


www.nociondigital.com - Todo para un mundo digital. Páginas Webs, Buscadores y Webmasters....