Neue Zeile in HTML beginnen

Sushant Poudel 19 Februar 2023
  1. Verwenden Sie das Tag <br>, um die Zeile in HTML zu durchbrechen
  2. Verwenden Sie das Tag <pre>, um die Zeile in HTML zu unterbrechen
  3. Verwenden Sie das Tag <p>, um die Zeile in HTML zu durchbrechen
Neue Zeile in HTML beginnen

In diesem Artikel werden drei Methoden erläutert, um die Zeile in einem HTML-Code zu unterbrechen. Das Umbrechen der Linie bedeutet im Allgemeinen, dass die neue Linie von dort aus beginnt.

Verwenden Sie das Tag <br>, um die Zeile in HTML zu durchbrechen

Wir können das Tag <br> verwenden, um die Zeile im HTML-Code zu umbrechen. Innerhalb des <body> des HTML-Codes geben wir etwas unserer Wahl ein, und wenn wir die Zeile ändern möchten, verwenden wir das Tag <br> direkt nach dem Inhalt und beginnen erneut mit der Eingabe des Inhalts. Wir können auch das Tag <br/> anstelle des <br>-Tags verwenden, was zum gleichen Ergebnis wie oben führt. Wenn wir außerdem zwei Zeilenumbrüche einfügen möchten, können wir das Tag <br> zweimal eingeben. Dies bedeutet, dass wir für die gewünschte Anzahl von Zeilenumbrüchen das Tag <br> gleich oft eingeben müssen.

Schreiben Sie beispielsweise in den HTML-Textkörper den gewünschten Text. Verwenden Sie das Tag <br> nach dem Text, an dem Sie die Zeile umbrechen möchten. Dadurch werden Ihre verbleibenden Leser auf die andere Zeile verschoben. Verwenden Sie das Tag zweimal hintereinander an einer beliebigen Stelle im Text.

Das folgende Beispiel erstellt eine neue Zeile nach einem bestimmten Text im HTML-Code. Nach dem ersten Satz innerhalb des HTML-Bodys im folgenden Code bricht das Tag <br> die Zeile um. Dadurch wechselt der verbleibende Text in die folgende Zeile. Nach dem Vervollständigen dieser Zeile wird das Tag <br/> zweimal verwendet, was darauf hinweist, dass die Zeile zweimal unterbrochen wird.

Beispielcode:

<body>
Hi, I am here to learn how to break the line in HTML. <br> In this method, I'm using the br tag. <br/> <br/> I would like to be a good programmer in the future.
</body>

Ausgabe:

Hi, I am here to learn how to break the line in HTML.
In this method, I'm using the br tag.
 
I want to be a good programmer in the future.

Verwenden Sie das Tag <pre>, um die Zeile in HTML zu unterbrechen

Wir können auch das <pre>-Tag im HTML-Body verwenden, um die Zeile zu umbrechen. Diese Methode unterscheidet sich geringfügig von der oben erläuterten. Das Element <pre> hilft dabei, den Text typgerecht darzustellen. Innerhalb des <pre>-Tags geben wir Texte in die verschiedenen Zeilen ein, indem wir die Eingabetaste an einer beliebigen Stelle drücken und das Tag schließen. Daher werden die Texte während der Eingabe in separaten Zeilen angezeigt. Aber wenn wir das <pre>-Tag nicht verwenden, wird der Text in derselben Zeile ohne Zeilenumbrüche angezeigt, egal wie oft wir im Text die Eingabetaste drücken.

Schreiben Sie zum Beispiel ein <pre>-Tag in den HTML-Body. Geben Sie dann den gewünschten Text ein und geben Sie einen Zeilenumbruch ein, indem Sie die Eingabetaste drücken, wo immer Sie den Zeilenumbruch einfügen möchten. Nachdem Sie den Text fertig geschrieben haben, schließen Sie das Tag </pre> und schließen Sie das Tag <body>.

Die folgende Abbildung erzeugt einen Zeilenumbruch im HTML-Code. Wenn der gewünschte Text eingegeben wird, wird ein Zeilenumbruch durch Drücken der Eingabetaste in den Text innerhalb des HTML-Textkörpers eingefügt. Das Tag <pre> hilft dabei, die Ausgabe so anzuzeigen, wie sie eingegeben wurde. Wenn das Tag <pre> weggelassen wird, erscheinen alle Texte in derselben Zeile. Dies zeigt, dass das Tag <pre> hilft, den Zeilenumbruch einzufügen.

Beispielcode:

<body>
    <pre>
        Hi, I am here to learn how to break the line in HTML. 
        In this method, I'm using the pre tag.
        I would like to be a good programmer in the future. 
    </pre>
</body>

Ausgabe:

Verwenden Sie das Tag <p>, um die Zeile in HTML zu durchbrechen

Wir können auch das Tag <p> verwenden, um die Zeile im HTML-Code zu umbrechen. Dieses Tag bestimmt den Absatz des Textes. Es ist ein Element auf Blockebene; daher beginnt es immer in einer neuen Zeile. Das Schreiben des <p>-Tags vor dem Beginn jeder Zeile innerhalb des Hauptteils und das Schreiben von </p> nach dem Abschluss hilft also, die Zeile zu unterbrechen.

Schreiben Sie zum Beispiel das Tag <p> und geben Sie Ihren gewünschten Text ein, und wenn Sie mit Ihrem Lehrbuch fertig sind, schreiben Sie das Tag </p>. Wiederholen Sie dann den gleichen Vorgang immer wieder, bis Sie es wünschen. Nachdem Sie Ihren gesamten Text geschrieben haben, vergessen Sie nicht, das body-Tag des HTML-Codes zu schließen.

In der folgenden Abbildung wird ebenfalls eine neue Zeile erstellt. Wenn das Tag <p> eingegeben wird, beginnt der Absatz, und wenn das Tag </p> eingegeben wird, endet der Absatz. Wir wissen, dass der neue Absatz immer mit der neuen Zeile beginnt. Wenn wir also dasselbe Tag im Text erneut verwenden, erscheint in der folgenden Zeile, die die neue Zeile anzeigt.

Beispielcode:

<body>
    <p> Hi, I am here to learn how to break the line in HTML. </p> 
    <p>In this method I'm using the p tag.</p> 
    <p>I would like to be a good programmer in the future.</p> 
</body>
</html>

Ausgabe:

Sushant Poudel avatar Sushant Poudel avatar

Sushant is a software engineering student and a tech enthusiast. He finds joy in writing blogs on programming and imparting his knowledge to the community.

LinkedIn