Html pre etiqueta

Html pre etiqueta
Al escribir cualquier contenido en la página HTML, utilizamos diferentes elementos, como el

etiqueta,

,

,

Etiquetas y más. Sin embargo, estas etiquetas a menudo omiten los espacios y las salidas de línea mencionadas en las oraciones. HTML nos proporciona la instalación para agregar saltos de línea utilizando
y


etiquetas, pero es hora de agregar el
etiqueta en cada línea uno por uno. Entonces, para mostrar espacios dentro del texto, como en poemas o bloques de código, el HTML
 Se utiliza la etiqueta. 

Esta guía explicará el HTML

 etiqueta. Entonces, comencemos!

¿Qué es html pre etiqueta??

El html "

La etiqueta, también conocida como un elemento de texto preformado, muestra texto preformado en la página web. Más específicamente, preformado significa que el texto se mostrará como codificado en la página HTML, y no omitirá ningún espacio de espacio y línea del texto.

Sintaxis

 

En la sintaxis dada anteriormente, la primera etiqueta previa es la etiqueta de apertura, mientras que la segunda es la etiqueta de cierre.

Ejemplo: cómo agregar pregelera en html?
Mostremos una consulta SQL en la página web. Antes de sumergirse en el ejemplo demostrando el funcionamiento del HTML

 etiqueta, primero veremos cómo un 

La etiqueta mostrará la consulta.

En html, primero, agregar

Etiqueta para el encabezado. Luego añade

Etiqueta que contiene el código de ejemplo de consulta SQL como se menciona en el siguiente código HTML:

La consulta SQL para crear tabla



Crear tabla table_name (
Tipo de datos de column_1,
Tipo de datos de column_2,
Tipo de datos de column_3
);

Actualmente, la página web se ve así:

Se puede ver en la imagen de arriba que los espacios y las salidas de línea se han omitido del código. Entonces, para mostrar el texto tal como está, HTML nos proporcionó

 etiqueta.

En HTML, agregue un elemento div con el nombre de la clase "principal". Dentro del elemento div, agregue

Etiqueta para el encabezado y "

"Etiqueta que contiene la consulta SQL:


La consulta SQL para crear tabla



Crear tabla table_name (
Tipo de datos de column_1,
Tipo de datos de column_2,
Tipo de datos de column_3
);

Al proporcionar el código mencionado anteriormente, obtendremos el resultado de la siguiente manera:

Ahora, aplique estilos de acuerdo con su elección.

Estilo principal Div

.principal
tamaño de fuente: 15px;
Ancho: 90%;
Altura: 150px;
margen: auto;
relleno: 8px;
Color de fondo: RGB (245, 183, 27);
borde: 3px de color verde azulado discontinuo;

La explicación de las propiedades CSS proporcionadas anteriormente se enumera a continuación:

  • "tamaño de fuenteLa propiedad se utiliza para la configuración del tamaño de fuente del elemento.
  • "ancho"Establece el ancho del elemento Div.
  • "altura"La propiedad especifica la altura del elemento.
  • "margen"La propiedad agrega espacios alrededor del elemento Div.
  • "relleno"La propiedad agrega espacio alrededor del contenido del elemento o dentro del borde.
  • "color de fondo"La propiedad agrega el color de fondo del elemento.
  • "borde"La propiedad establece el borde alrededor del elemento con el ancho del borde, el estilo del borde y el color del borde.

Al proporcionar el código mencionado anteriormente, el elemento Div se verá así:

Hemos aprendido con éxito el HTML

 Etiqueta con un ejemplo.

Conclusión

El html

 La etiqueta se utiliza para mostrar el texto preformado en la página web. Sostiene la propiedad para agregar espacio y saltos de línea en la página HTML. Para una mejor comprensión, esta publicación ha proporcionado una guía relacionada con el uso del HTML 
 Etiqueta con un ejemplo práctico.