HTML Pre -Tag

HTML -Textformatierungs -Tags umfassen einen sehr weiten Bereich. Ein wichtiges Textformatierungs -Tag in HTML ist als "Pre" -Tag "PRE" bekannt. Dieses Tag wird verwendet, um Text auf einer Webseite anzuzeigen, wie es im HTML -Skript geschrieben ist. Dies bedeutet, dass Ihr HTML -Skript oder Ihr Browser Ihren Text nicht selbst formatieren. Vielmehr wird es die Formatierung bewahren, die Sie beim Schreiben des Skripts aufbewahrt haben. Wenn Sie diesen Leitfaden durchlaufen, lernen Sie, das PRE -Tag in HTML zu verwenden.

Verwendung des Pre -Tags in HTML:

Um das PRE -Tag in HTML zu verwenden, können Sie die folgenden drei Beispiele in Betracht ziehen:

Beispiel 1: Anzeigen eines zufälligen vorformatierten Textes auf einer Webseite:

In diesem Beispiel beabsichtigen wir, auf einer Webseite einen zufälligen vorformatierten Text anzuzeigen, indem wir das Pre-Tag von HTML verwenden. Das HTML -Skript, das wir zu diesem Zweck geschrieben haben, wird im Bild unten angezeigt:

In diesem HTML -Skript haben wir das "Pre" -Tag verwendet, um einen zufälligen Absatz darin einzuschließen. Sie können sehen, dass dieser Absatz Räume und Linienbrüche an zufälligen Stellen enthält. Unser Ziel ist es, diesen Text so auszusehen, wie er auf der Webseite ist. Genau deshalb haben wir das HTML -Pre -Tag verwendet.

Als wir das oben mit dem Google Chrome Browser gezeigte HTML -Skript ausgeführt haben, wurde unser Text genau so angezeigt, wie es sich auf der Webseite befindet, wie Sie aus dem folgenden Bild sehen können. Es bedeutet, dass die Formatierung dieses Textes, ich.e., Die zufälligen Räume und Linienbrüche wurden aufgrund der Verwendung des HTML -Pre -Tags gut erhalten.

Beispiel Nr. 2: Anzeigen eines Bildes auf einer Webseite:

Im zweiten Beispiel gehen wir noch einen Schritt weiter und versuchen, ein Bild zu zeichnen, indem wir das HTML -Pre -Tag verwenden. Wir beabsichtigen, auf unserer Webseite eine Kuh anzeigen, weshalb wir das unten gezeigte HTML -Skript verwendet haben:

In diesem Beispiel haben wir in unserem HTML -Skript eine Kuh mit verschiedenen Symbolen verwendet. Wir wollten die Formatierung dieser Zeichnung bewahren, weil wir sie in das Pre -Tag von HTML eingeschlossen haben.

Als wir dieses HTML -Skript ausgeführt haben, erschien unsere Zeichnung wie im folgenden Bild gezeigt auf der Webseite:

Beispiel Nr. 3: Anzeigen eines Bildes ohne Pre -Tag in HTML auf einer Webseite:

In diesem Beispiel werden wir unser zweites Skript leicht ändern, um den Effekt des Entfernens des PRE -Tags aus diesem HTML -Skript zu sehen. Dies ist im Bild unten gezeigt:

Als wir dasselbe Skript mit dem Google Chrome -Browser nach dem Entfernen des HTML -Pre -Tags ausgeführt haben. Dies unterstreicht die Bedeutung der Verwendung des PRE -Tags in HTML.

Abschluss:

Dieser Artikel sollte Ihnen ein gründliches Verständnis des Pre -Tags in HTML vermitteln. Um dieses Konzept richtig zu vermitteln, haben wir Ihnen drei detaillierte Beispiele mitgeteilt, die dieses HTML -Tag verwenden. Sobald Sie diese Beispiele durchlaufen haben, werden Sie schnell lernen, dieses Tag in HTML zu verwenden.