SELFHTML: HTML / Tipos de párrafos y organización del texto / Texto preformato para texto fuente etc.

SELFHTML / Barra HTML Tipos de párrafos y organización del texto ¡Escuche radio!

	Texto preformato para texto fuente etc.
	Definir un area con texto preformato Anchura de un area con texto preformato Otros comandos para texto preformato Otras posibilidades

Definir un area con texto preformato

Ejemplo visual

Para el listado de programas es importante que el listado sea presentado en fuentes monoespacio, y que las sangrías y los saltos de renglones sean presentados de la misma manera como fueron añadidos en el editor. Para tal caso HTML ofrece la posibilidad de los "párrafos preformatos". Aún si desea representar datos tabelarios y no desea usar las Tablas, puede usar texto preformato. Finalmente el texto preformato también es util para alinear otros elementos, tomando por ejemplo las imágenes.

Ejemplo:

<pre>
  FUNCTION Calculodepascuas(year : INTEGER) : INTEGER;
  VAR  a, b, c, d, e, f, g, h, i, k, l, m : INTEGER;
  BEGIN
     a  :=  year MOD 19;
     b  :=  year DIV 100;
     c  :=  year MOD 100;
     d  :=  b DIV 4;
     e  :=  b MOD 4;
     f  :=  ( b + 8 ) DIV 25;
     g  :=  ( b  f + 1 ) DIV 3;
     h  :=  ( 19 * a + b  d  g + 15 ) MOD 30;
     i  :=  c DIV 4;
     k  :=  c MOD 4;
     l  :=  ( 32 + 2 * e + 2 * i  h  k ) MOD 7;
     m  :=  ( a + 11 * h + 22 * l ) DIV 451;
     Easter :=  h + l  7 * m + 22;
  END{FUNC};
</pre>

Aclaración:

<pre> conduce un area de texto preformato (pre = preformatted = preformateado). </pre> cierra el area. Todo lo que está dentro de esa area se visualiza de tal manera, como ha sido entrado en fuente monoespacio.

Atención:

Dentro de <pre> y </pre> son válidas las reglas de Metafonía, símbolos especiales y símbolos propios de HTML. Dentro de <pre> y </pre> son interpretados los comandos HTML . Eso tiene la ventaja de que por ejemplo puede ligar imágenes en cualquier lugar del texto preformato (ver Ejemplo).

Anchura de un area con texto preformato

Ejemplo visual: así se hace

Usted puede forzar la anchura de un párrafo con texto preformato. "Anchura" significa en este caso el número máximo de caracteres en una línea.

Ejemplo:

<pre width=80>
YBREEZE  MID        17.845  15.06.97   6:01 ybreeze.mid
YGLADTR  MID        34.552  15.06.97   6:01 ygladtr.mid
YHASTE   MID        27.834  15.06.97   6:01 yhaste.mid
YRAG     MID        18.540  15.06.97   6:01 yrag.mid
YRITMO   MID        29.056  15.06.97   6:01 yritmo.mid
         5 Datei(en)               127.827 Bytes
</pre>

Aclaración:

Con el atributo width= en la etiqueta introductoria <pre> usted fija la anchura máxima para los renglones del area. El el ejemplo de arriba ningún renglón puede contener más de 80 caracteres.

Atención:

La especificación de la anchura de un area preformato no es interpretada ni por Netscape 4x no por el MS Internet Explorer 4x

Otros comandos para texto preformato

Ejemplo visual

Además de <pre> ... </pre> existen otras etiquetas HTML que causan un propio párrafo en fuente monoespacio. Estas etiquetas están en la lista de borre de la organización W3 y no deben ser utilizadas más. Se documentan aquí con motivo de integridad.

Ejemplo: <xmp>

<xmp>Párrafo en fuente monoespacio </xmp>

Ejemplo: <listing>

<listing>Párrafo en fuente monoespacio</listing>

Ejemplo: <plaintext>

<plaintext>Párrafo en fuente monoespacio</plaintext>

Aclaración:

Los 3 comandos causan un párrafo propio en fuente monoespacio:
<xmp>...</xmp> (xmp = example = Ejemplo) es un comando lógico y está destinado para ejemplos de textos fuentes.
<plaintext>...</plaintext> (plaintext = texto plano) es un comando lógico sólo para la presentación de textos, por ejemplo para citas de un archivo de texto no formateado.
<listing>...</listing> (listing = listado) es un comando lógico y está destinado para textos de programas

Atención:

Ninguno de los tres comandos se utilizan en la práctica. Si usted no tiene razones especiales, debe utilizar tan sólo <pre> ... </pre> la representación de texto preformato.

La diferencia entre <xmp>...</xmp> y <listing>...</listing> se situa en la anchura de la escritura. <xmp>...</xmp> causa una escritura más ancha (basada en 80 caracteres/renglón al imprimir), <listing>...</listing> causa una escritura menos ancha (basada en 132 caracteres/renglón al imprimir). <listing>...</listing> es representado por Netscape de manera diferente que <pre>...</pre>.

Netscape no acepta una etiqueta de cierre </plaintext>, mientras otros navegadores interpretan la etiqueta de cierre. Netscape representa en fuente monoespacio, todo lo que usted ha añadido hasta el siguiente comando en el párrafo (por ejemplo encabezamiento, salto de renglón, listas etc.)

Otras posibilidades

La etiqueta <pre> puede contener atributos universales.

Si usted sabe HTML ya algo mejor, intente también las posibilidades que le ofrecen las hojas de estilo CSS. Con ellas puede formatear las areas <pre> adicionalmente. Sin embargo preste atención y no aneje el sentido y el propósito de la etiqueta. Al desear formatear la etiqueta <pre> usted primero debe saber como definir las hojas de estilo. Posteriormente será capaz de aplicar las especificaciones de hojas de estilo. Las siguientes especificaciones de hojas de estilo son interesantes en relación al tema arriba tratado:
Párrafos, márenes y alineamiento
Marcos y distancia interna
Colores e imágenes de fondo


siguiente:	Distinción lógica del texto
anterior:	Citas y direciones

SELFHTML / Barra HTML Tipos de párrafos y organización del texto ¡Escuche radio!