muestra texto donde los caracteres de espacio y los retornos de carro cuentan?
En lecciones anteriores habíamos visto que un Browser ignoraría caracteres de espacio extraños, tabulaciones y retornos de carro en sus archivos HTML. NO obstante, hay momento en los que es importante mantener dichos caracteres en el diseño de su página. En esta lección el ejemplo será que queramos insertar una tabla de texto con columnas alineadas.
La etiqueta de preformato le dice a su Browser que muestre el texto exactamente tal y como está puesto en el documento HTML, incluyendo espacios, tabulaciones y retornos de carro. Un Browser típicamente mostraría algo así como un tipo
Un ejemplo de la etiqueta preformato es:
<pre> Hemos indentado con 5 caracteres de espacio. Y usamos el retorno de carro para saltar a una nueva línea. Aquí usamos espacios para crear una tabla de texto. </pre>Sin las etiquetas <pre> y </pre> el mismo HTML produciría lo siguiente:
La etiqueta de preformato es útil si su Browser puede utilizar un tipo de letra monoespaciada (como "Courier" o "Mónaco"); si no, deberá contar espacios cuando alinee texto en columnas (¡y tragarse ciertas palabras, también!)
Hemos indentado con 5 caracteres de espacio. Y usamos el retorno de carro para saltar a una nueva línea. Aquí usamos espacios para crear una tabla de texto.
Para nuestra lección sobre volcanes queremos añadir una tabla bajo la sección de Introducción que liste diversos volcanes conocidos, cuando entraron en erupción y el volumen del material que produjeron. Para ello:
<pre> Erupción Fecha Volumen en km^3 -------- ---- -------------- Paricutin, México 1943 1.3 Mt. Vesuvio, Italia 79 A.D. 3 Monte Sta. Elena, Washington 1980 4 Krakatoa, Indonesia 1883 18 Long Valley, California pre-historia 500 - 600 Yellowstone, Wyoming pre-historia 2400 </pre>
En este ejemplo hemos usado caracteres de espacio para alinear la primera columna a la izquierda y las otras dos columnas centradas. Los guiones se usan para enfatizar los encabezados de columna.
HTML | Resultado |
---|---|
<pre> Este Tutorial tiene copyright 1995, 1996 <B>¡Asegúrese de comentar con sus amigos acerca de él!</B> <i>Le Agradecemos Que Vuelva</i> agradecidamente, <a href= "http://www.mcli.dist.maricopa.edu/"> mcli</a> </pre> |
Este Tutorial tiene copyright 1995, 1996 ¡Asegúrese de comentar con sus amigos acerca de él! Le Agradecemos Que Vuelva Agradecidamente, mcli |
Note que algunas de las etiquetas HTML no tienen en cuenta los espacios; son ignorados dentro de la region con preformato.Algunos diseñadores de páginas Web usan las etiquetas <pre>...</pre> con retornos de carro dentro para añadir espacios en blanco entre el texto o los gráficos de sus páginas; especialmente si desean más espacio del que la etiqueta <p> suele ofrecer. Por ejemplo: |
|
HTML | Resultado |
El Queso fue añorado desde que fuera abolido en el Oriente. <pre> </pre> ...hasta que Sir Longhorn llegó con su gran Cruzada del Queso de 1167. |
El Queso fue añorado desde
que fuera abolido en el Oriente.
...hasta que Sir Longhorn llegó con su gran Cruzada del Queso de 1167. |
El enlace con el MCLI es Alan Levine --}
Comentarios a levine@maricopa.edu
Traducido al español por agma@usa.net
URL: