Wie schließe ich Text in ein Pre-Tag in HTML ein? Anwendungsbeispiele für HTML-Pre-Tags-HTML-Tutorial-php.cn

Wie schließe ich Text in ein Pre-Tag in HTML ein? Anwendungsbeispiele für HTML-Pre-Tags

寻∝梦

Freigeben： 2018-08-28 13:41:59

Original

10058 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich Beispiele für die Verwendung des HTML-Pre-Tags vor und stellt auch die Rolle des HTML-Pre-Tags vor. Er verwendet Beispiele, um allen zu beweisen, dass Pre-Tags tatsächlich nützlich sind In den frühen Stadien ist es viel einfacher, Pre-Tags zu verwenden als andere Tags. Okay, jetzt werfen wir einen Blick auf den folgenden Artikel

Lassen Sie uns zunächst verstehen, was das Pre-Tag in HTML bewirken kann.

Was kann das Pre-Tag in HTML? Laienhaft ausgedrückt kann das Pre-Tag alle darin enthaltenen Textformate wie Leerzeichen, Zeilenumbrüche usw. anzeigen ohne Spuren vom Browser zu hinterlassen. Schauen wir uns zunächst die Rolle des Pre-Tags an:
ist ein

-Tag, das das Textformat im Browser korrekt anzeigen kann, genau wie das Zeilenumbruchformat. Umbrechen Sie die Zeile darin (wenn Sie mehr über HTML erfahren möchten, suchen Sie gerne nach „PHP Chinesisch“. Website" zum Ansehen) <p><strong>Das erste muss sein, zu verstehen, wie Zeilen umbrochen werden: </strong></p><p></p>Zum Beispiel erstelle ich im Vorfeld eine neue Webseite Tag:<p><pre class="brush:html;toolbar:false"><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<pre class="brush:php;toolbar:false">欢迎大家来到PHP中文网

Nach dem Login kopieren

Dies ist eine normale Webseite, wie im Bild gezeigt:

Jetzt schließe ich den obigen Absatz darin ein, um ihn anzuzeigen

<body>
<pre class="brush:php;toolbar:false">欢迎大家来到
PHP中文网

Nach dem Login kopieren

Wie schließe ich Text in ein Pre-Tag in HTML ein? Anwendungsbeispiele für HTML-Pre-Tags

Jetzt schauen wir uns den Effekt an:

Sie sehen, das obige Bild hat eine Zeile und alle Leerzeichen komplett verändert in der Mitte werden angezeigt. Es ist nicht erforderlich, Tags hinzuzufügen, um die Zeilenumbruchfunktion zu realisieren.

Der zweite Schritt besteht darin, einen Blick auf die Anzeige von Leerzeichen zu werfen Wie schließe ich Text in ein Pre-Tag in HTML ein? Anwendungsbeispiele für HTML-Pre-Tags

Die Leerzeichenfunktion des HTML-Pre-Tags ist auch die gleiche wie bei der Eingabe von drei Leerzeichen im Text.

Sehen wir uns das Beispiel an :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<pre class="brush:php;toolbar:false">欢迎大 家来到PHP中文网（这里是一个空格）

Nach dem Login kopieren

欢迎大家来到PHP中文网（这里是两个空格）
Nach dem Login kopieren

欢迎大家来到PHP中文网（这里是三个空格）
Nach dem Login kopieren

这是一个普通的p标签，这里我用了五个空格，你看到了没有
und sehen Sie sich den Effekt an
Dies ist der Effekt der obigen Raumanzeige. Beim Vergleich können wir leicht feststellen, dass der obige Raum auch so ist ein Leerzeichen, wenn es im Browser angezeigt wird. Es wird im Browser angezeigt, aber ich habe fünf Leerzeichen im p-Tag verwendet, aber wenn es um den Browser geht, ist es nicht einmal ein Leerzeichen.
Dies ist für mich die beste Verwendung des HTML-Pre-Tags. Sie können in jedem Absatz jedes gewünschte Format eingeben, was sehr praktisch ist >
-Tag ist im offiziellen Sinne (vorformatierter Text) das Vortextformat , das das Textformat im Browser anzeigt (wenn Sie mehr über HTML erfahren möchten, klicken Sie bitte auf: <img src="https://img.php.cn//upload/image/457/687/202/1535421096192092.png" title="1535421096192092.png" alt="Wie schließe ich Text in ein Pre-Tag in HTML ein? Anwendungsbeispiele für HTML-Pre-Tags">http:// m.sbmmt.com zum Ansehen) Okay, das Obige ist eine Einführung in die Rolle von HTML-Pre-Tags und Beispiele für die Verwendung von Leerzeichen und den Zeilenumbruch. Wenn Sie etwas nicht verstehen, können Sie unten Fragen stellen. 【Empfehlung des Herausgebers】<a href="//m.sbmmt.com" target="_blank"></a>Wie schreibe ich einen relativen Pfad für das Basis-Tag in HTML? (Nutzungsanweisungen enthalten) Wozu dient das src-Attribut des HTML-img-Tags? Analyse spezifischer Nutzungsmethoden (mit Beispielen) <a href="//m.sbmmt.com/div-tutorial-409122.html" target="_blank"></a>
Nach dem Login kopieren
Das obige ist der detaillierte Inhalt vonWie schließe ich Text in ein Pre-Tag in HTML ein? Anwendungsbeispiele für HTML-Pre-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!