En este artículo, definimos un texto preformateado en HTML usando la etiqueta <pre> en el documento. Se utiliza para definir el bloque de texto preformateado que conserva los espacios de texto, los saltos de línea, las tabulaciones y otros caracteres de formato que los navegadores web ignoran. El texto en la etiqueta previa se muestra en una fuente de ancho fijo, pero se puede cambiar usando CSS. La preetiqueta requiere una etiqueta inicial y final.
Sintaxis:
<pre> Contents... </pre>
Ejemplo 1:
<html>
<head>
<title>HTML5: How to define preformatted text?
</title>
<style>
h2
{
Text-align:center;
}
</style>
</head>
<body>
<h2>GeeKsForGeeks</h2>
<h2>HTML5: How to define preformatted text
</h2>
<pre>
GeeksforGeeks
A Computer Science Portal For Geeks
</pre>
</body>
</html>
Producción:
Ejemplo 2:
<html>
<head>
<title>HTML5: How to define preformatted text?
</title>
<style>
h2
{
Text-align:center;
}
</style>
</head>
<body>
<h2>GeeKsForGeeks</h2>
<h2>HTML5: How to define preformatted text
</h2>
<pre>
this is a
pre
formatted
text
</pre>
</body>
</html>
Producción:
Los navegadores compatibles se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA