HTML pre -tag

HTML pre -tag
Mentre scriviamo qualsiasi contenuto nella pagina HTML, utilizziamo elementi diversi, come il

etichetta,

,

,

tag e altro ancora. Tuttavia, questi tag spesso omettono gli spazi e le pause di linea menzionate nelle frasi. HTML ci fornisce la struttura per aggiungere interruzioni di linea utilizzando
E


tag, ma è tempo di aggiungere il
tag in ogni riga uno per uno. Quindi, per visualizzare spazi all'interno del testo, come in poesie o blocchi di codice, l'HTML
 Il tag è utilizzato. 

Questa guida spiegherà l'HTML

 etichetta. Quindi iniziamo!

Cos'è html pre tag?

L'HTML “

"Tag, noto anche come elemento di testo preformattato, visualizza il testo preformattato nella pagina web. Più specificamente, preformattato significa che il testo verrà visualizzato come codificato nella pagina HTML e non ometterà alcuna rottura dello spazio e della linea dal testo.

Sintassi

 

Nella sintassi sopra data, il primo pre-tag è il tag di apertura, mentre il secondo è il tag di chiusura.

Esempio: come aggiungere pre -tag in html?
Visualità una query SQL nella pagina web. Prima di immergersi nell'esempio dimostrando il funzionamento dell'HTML

 tag, vedremo prima come a 

Il tag visualizzerà la query.

In HTML, prima, aggiungi

Tag per l'intestazione. Poi aggiungi

Tag che contiene il codice Esempio di query SQL come menzionato nel codice HTML di seguito:

La query SQL per creare tavolo



Crea table table_name (
Tipo di dati colonnario_1,
Tipo di dati colonnario_2,
Tipo di dati colonnario_3
);

Attualmente, la pagina Web sembra così:

Si può vedere dall'immagine sopra che gli spazi e le interruzioni della linea sono stati omessi dal codice. Quindi, per visualizzare il testo così com'è, HTML ci ha fornito

 etichetta.

In HTML, aggiungi un elemento div con il nome della classe "principale". All'interno dell'elemento div, aggiungi

Tag per l'intestazione e "

"Tag che contiene la query SQL:


La query SQL per creare tavolo



Crea table table_name (
Tipo di dati colonnario_1,
Tipo di dati colonnario_2,
Tipo di dati colonnario_3
);

Fornendo il codice sopra menzionato, otterremo il risultato come segue:

Ora, applica gli stili secondo la tua scelta.

Style Main Div

.principale
Font-size: 15px;
larghezza: 90%;
Altezza: 150px;
Margine: auto;
imbottitura: 8px;
Background-color: RGB (245, 183, 27);
Bordo: 3px Teal tratteggiato;

La spiegazione delle proprietà CSS fornite sopra è elencata di seguito:

  • "dimensione del font"La proprietà viene utilizzata per l'impostazione della dimensione del carattere dell'elemento.
  • "larghezza"Imposta la larghezza dell'elemento Div.
  • "altezza"La proprietà specifica l'altezza dell'elemento.
  • "margine"La proprietà aggiunge spazi attorno all'elemento Div.
  • "imbottitura"La proprietà aggiunge spazio attorno al contenuto dell'elemento o all'interno del bordo.
  • "colore di sfondo"La proprietà aggiunge il colore di sfondo dell'elemento.
  • "confine"La proprietà imposta il bordo attorno all'elemento con la larghezza del bordo, lo stile del bordo e il colore del bordo.

Fornendo il codice sopra menzionato, l'elemento Div sembrerà così:

Abbiamo imparato con successo l'HTML

 Tag con un esempio.

Conclusione

L'HTML

 Il tag viene utilizzato per visualizzare il testo preformattato nella pagina web. Tiene la proprietà per aggiungere rotture di spazio e di linea nella pagina HTML. Per una migliore comprensione, questo post ha fornito una guida relativa all'uso dell'HTML 
 Tag con un esempio pratico.