HTML Pre -Tag

HTML Pre -Tag
Während wir Inhalte auf die HTML -Seite schreiben, verwenden wir verschiedene Elemente wie die

Schild,

,

,

Tags und mehr. Diese Tags lassen jedoch häufig die in den Sätzen genannten Räume und Linienbrüche weg. HTML bietet uns die Einrichtung, um Linienbrüche durch die Verwendung von Zeilenumbrüchen hinzuzufügen
Und


Tags, aber es ist Zeit, das hinzuzufügen, um das hinzuzufügen
Tag in jeder Zeile eins nach dem anderen Tag. Um Räume innerhalb des Textes anzuzeigen, z. B. in Gedichten oder Codeblöcken, der HTML
 Tag wird verwendet. 

Dieser Leitfaden erklärt die HTML

 Schild. So lass uns anfangen!

Was ist HTML Pre -Tag?

Die HTML "

”Tag, auch als vorformatiertes Textelement bezeichnet, zeigt vorformatierten Text auf der Webseite an. Vorformatiert bedeutet genauer.

Syntax

 

In der oben gegebenen Syntax ist das erste Vor Tag das Eröffnungs-Tag, während das zweite das Schließetikett ist.

Beispiel: So fügen Sie Pre -Tag in HTML hinzu?
Lassen Sie uns eine SQL -Abfrage auf der Webseite anzeigen. Bevor Sie in das Beispiel eintauchen, das die Arbeit des HTML demonstriert

 Tag, wir werden zuerst sehen, wie a 

Tag zeigt die Abfrage an.

In HTML zuerst hinzufügen

Tag für die Überschrift. Dann füge hinzu

Tag, das den SQL Query -Beispielcode enthält, wie im folgenden HTML -Code erwähnt:

Die SQL -Abfrage zum Erstellen von Tabellen



Table table erstellen (
column_1 Datentyp,
column_2 Datentyp,
column_3 Datentyp
);

Derzeit sieht die Webseite so aus:

Aus dem obigen Bild ist ersichtlich, dass die Räume und Zeilenpausen aus dem Code weggelassen wurden. Um den Text so anzuzeigen, wie er ist, lieferte HTML uns mit

 Schild.

Fügen Sie in HTML ein DIV -Element mit dem Klassennamen hinzu “hauptsächlich”. Innerhalb des DIV -Elements hinzufügen

Tag für die Überschrift und “

Tag, das die SQL -Abfrage enthält:


Die SQL -Abfrage zum Erstellen von Tabellen



Table table erstellen (
column_1 Datentyp,
column_2 Datentyp,
column_3 Datentyp
);

Indem wir den oben genannten Code bereitstellen, erhalten wir das Ergebnis wie folgt:

Wenden Sie nun Stile nach Ihrer Wahl an.

Style Main Div

.hauptsächlich
Schriftgröße: 15px;
Breite: 90%;
Höhe: 150px;
Rand: Auto;
Polsterung: 8px;
Hintergrundfarbe: RGB (245, 183, 27);
Grenze: 3px gestrichelt blaugrün;

Die Erläuterung der oben angegebenen CSS -Eigenschaften ist unten aufgeführt:

  • SchriftgrößeDie Eigenschaft wird für die Einstellung der Schriftgröße des Elements verwendet.
  • Breite”Legt die Breite des DIV -Elements fest.
  • HöheEigenschaft gibt die Höhe des Elements an.
  • RandDie Eigenschaft fügt das DIV -Element Räume um.
  • PolsterungDie Eigenschaft fügt Platz um den Inhalt des Elements oder innerhalb des Randes hinzu.
  • HintergrundfarbeEigenschaft fügt die Hintergrundfarbe des Elements hinzu.
  • GrenzeDas Eigentum setzt den Rand um das Element mit der Breite des Randes, des Randes und der Farbe der Grenze.

Durch die Bereitstellung des oben genannten Codes sieht das Div-Element so aus:

Wir haben die HTML erfolgreich gelernt

 Tag mit einem Beispiel.

Abschluss

Die HTML

 Das Tag wird verwendet, um den vorformatierten Text auf der Webseite anzuzeigen. Es enthält die Eigenschaft, um Platz und Linienbrüche auf der HTML -Seite hinzuzufügen. Für ein besseres Verständnis hat dieser Beitrag einen Leitfaden zur Verwendung der HTML bereitgestellt 
 Tag mit einem praktischen Beispiel.