HTML pre -tag

I tag di formattazione del testo HTML abbracciano una gamma molto ampia. Un tag di formattazione del testo importante in HTML è noto come tag "pre". Questo tag viene utilizzato per visualizzare il testo in una pagina Web proprio come è scritto all'interno dello script HTML. Significa che il tuo script HTML o il tuo browser non formaranno il tuo testo da solo; Piuttosto, preserverà la formattazione che hai mantenuto mentre scrivi la sceneggiatura. Passando attraverso questa guida, imparerai a utilizzare il pre -tag in HTML.

Utilizzo del pre -tag in HTML:

Per utilizzare il pre -tag in HTML, è possibile considerare i seguenti tre esempi:

Esempio n. 1: visualizzazione di un testo pre-formattato casuale su una pagina Web:

In questo esempio, intendiamo visualizzare un testo pre-formattato casuale su una pagina Web utilizzando il pre-tag di HTML. Lo script HTML che abbiamo scritto per questo scopo è mostrato nell'immagine qui sotto:

In questo script HTML, abbiamo usato il tag "pre" per racchiudere un paragrafo casuale in esso. Puoi vedere che questo paragrafo contiene spazi e pause di linea in luoghi casuali. Il nostro obiettivo è far apparire questo testo come è sulla pagina web. Questo è esattamente il motivo per cui abbiamo utilizzato il tag HTML.

Quando abbiamo eseguito lo script HTML mostrato sopra con il browser Google Chrome, il nostro testo è apparso esattamente come è sulla pagina Web, come puoi vedere dalla seguente immagine. Significa che la formattazione di questo testo, io.e., Gli spazi casuali e le interruzioni della linea sono stati conservati bene a causa dell'uso del tag HTML.

Esempio n. 2: visualizzazione di un'immagine su una pagina Web:

Nel secondo esempio, faremo un ulteriore passo avanti e proveremo a disegnare un'immagine utilizzando il tag HTML. Intendiamo visualizzare una mucca sulla nostra pagina web, a causa della quale abbiamo usato lo script HTML mostrato di seguito:

In questo esempio, abbiamo disegnato una mucca nel nostro script HTML usando simboli diversi. Volevamo preservare la formattazione di questo disegno perché l'abbiamo chiusa all'interno del pre -tag di HTML.

Quando abbiamo eseguito questo script HTML, il nostro disegno è apparso così come nella pagina Web come mostrato nella seguente immagine:

Esempio n. 3: visualizzazione di un'immagine senza il pre -tag in HTML su una pagina Web:

In questo esempio, modificheremo leggermente il nostro secondo script per vedere l'effetto di rimuovere il pre -tag da quello script HTML. Questo è mostrato nell'immagine qui sotto:

Quando abbiamo eseguito lo stesso script con il browser di Google Chrome dopo aver rimosso il pre -tag HTML, la formattazione del nostro disegno è stata incasinata e abbiamo avuto modo di vedere alcuni simboli sparsi sulla pagina web, come mostrato nella seguente immagine. Ciò evidenzia il significato dell'utilizzo del pre -tag in HTML.

Conclusione:

Questo articolo aveva lo scopo di fornirti una comprensione approfondita del pre -tag in HTML. Per trasmettere questo concetto correttamente, abbiamo condiviso con voi tre esempi dettagliati che utilizzano questo tag HTML. Una volta esaminati questi esempi, imparerai rapidamente a utilizzare questo tag in HTML.