HTML -Linienbrüche & Abstand | Erklärt

HTML -Linienbrüche & Abstand | Erklärt
Ein Absatz besteht aus einer Abfolge von Sätzen, die ein bestimmtes Thema definieren. Es kann aus Linienräumen und Linienbrüchen bestehen. Absätze müssen organisiert und kohärent sein und sich auf das Thema beziehen. Wenn wir einen Absatz in HTML codieren, werden die Leerzeichen und Zeilenpausen nicht auf der Webseite angezeigt. Um dies zu erreichen, erfüllen mehrere HTML -Elemente dem Zweck.

Die Ergebnisse dieses Blogs sind:

  • So fügen Sie einen Absatz in HTML hinzu?
  • So fügen Sie Linienbrüche und Abstand in HTML hinzu?
  • So zeigen Sie vorformatiertem Text in HTML an?

So fügen Sie einen Absatz in HTML hinzu?

Erstellen Sie in HTML im Körperelement ein DIV -Element mit dem Klassennamen “hauptsächlich”. Dieses Element enthält

Tag, um der HTML -Seite einige Inhalte hinzuzufügen.

Hier ist der Code:


Willkommen bei LinuxHint


Wenden wir CSS -Stylingeigenschaften auf die HTML -Elemente an.

Style Main Div

.hauptsächlich
Breite: 400px;
Hintergrundfarbe: Bisque;
Höhe: 150px;
Rand: Auto;
Text-Align: Mitte;
Polsterung: 60px;
Schriftfamilie: Verdana, Genf, Tahoma, Sans-Serif;
Schriftgröße: 20px;
Schriftdicke: fett;

Die für die Hauptanwendungen angewendeten Eigenschaften werden nachstehend erläutert:

  • BreiteDie Eigenschaft setzt die Breite des DIV -Elements auf 400px.
  • HintergrundfarbeEigenschaftssätze/Anwenden Sie die Hintergrundfarbe auf die Bisque.
  • HöheDie Eigenschaft setzt die Höhe des DIV -Elements auf 150px.
  • Rand"Mit Wert"Auto”Legt den gleichen Raum um das Div -Hauptraum.
  • TextausrichtungDas Eigentum richtet den Text in der Mitte oder in der Mitte des Elements aus.
  • Polsterung”Attribut mit dem Wert“60px”Fügt/enthält 60px -Leerzeichen um den Inhalt des Elements.
  • Schriftfamilie”Wird als Sans-Serif, Genf, Verdana, Tahoma eingestellt. Diese Liste der Stile wird bereitgestellt, um sicherzustellen, dass andere, wenn der Browser den ersten Stil unterstützt, andere angewendet werden.
  • SchriftgrößeDie Eigenschaft passt die Größe des Textes auf 20px an.
  • SchriftgewichtEigenschaft mit dem Wert Fett macht die Schriftart fett.

Ausgang

Das Bild zeigt also deutlich, dass es keine Zeilenpause gibt.

So fügen Sie Linienbrüche und Abstand in HTML hinzu?

Die HTML "
"Tag, bekannt als das"ZeilenumbruchElement, fügt einen Unterbrechung zwischen den Zeilen des Absatzes hinzu.

Analysieren Sie das folgende Beispiel unten!

Beispiel 1: Zeilenumbrüche und Abstand in einer einfachen Zeile hinzufügen
Der obige HTML -Code wird durch Bereitstellung des
Tag in der

Element wie dieses:

Willkommen zu
LinuxHint

Infolgedessen wird die Zeilenunterbrechung nach den ersten beiden Wörtern des Absatzes hinzugefügt:

Im nächsten Beispiel werden wir die praktische Implementierung des Hinzufügens von Zeilenpausen und Abstand in einem Gedicht sehen.

Beispiel 2: Zeilenumbrüche und Abstand in einem Gedicht hinzufügen
Ein Gedicht besteht aus Linienbrüchen, um den Rhythmus des Gedichts zu setzen. Linienbrüche dienen auch der Funktion der Darstellung, wo sie beschleunigen, verlangsamt werden und vieles mehr. Also haben wir als Beispiel ein Gedicht verwendet.

Der erste Teil zeigt das Gedicht nur ohne Zeilenumbrüche und Abstandseigenschaften an. Im nächsten Abschnitt werden wir die Eigenschaften hinzufügen, um den Unterschied zu sehen:


'Hope' ist die federartige Sache -
Das sitzt in der Seele -
Und singt die Melodie, ohne etwas zu sagen -
Und niemals, hört niemals auf -

Zunächst wird das Gedicht wie unten gezeigt angezeigt:

Jetzt haben wir am Ende jeder Zeile platziert
Tags und fügte auch einen Zeilenraum zwischen den Linien absichtlich hinzu.

Html

'Hope' ist die federartige Sache -

Das sitzt in der Seele -

Und singt die Melodie, ohne etwas zu sagen -

Und niemals, hört niemals auf -

Es kann beobachtet werden, dass die
Tag hat die Linie erfolgreich gebrochen. Trotzdem wurde der eine Zeilenraum nicht hinzugefügt:

Um diese bestimmte Situation zu bewältigen, die HTML

 Tag kann verwendet werden.

So zeigen Sie vorformatiertem Text in HTML an?

Die HTML "

Das Element wird verwendet, um den vorformatierten Text anzugeben und den Inhalt anzuzeigen, wie er in HTML geschrieben ist. Es hält die Eigenschaften von Linienräumen sowie Linienbrüche. 

Fügen Sie nun den vorherigen HTML -Code innerhalb des

 Schild:


'Hope' ist die federartige Sache -
Das sitzt in der Seele -
Und singt die Melodie, ohne etwas zu sagen -
Und niemals, hört niemals auf -

Ausgang

Auf diese Weise können wir also Linienräume und Bruch in unserer HTML -Seite bereitstellen.

Abschluss

In HTML werden die Räume und Linienbrüche weggelassen. Um sie dem Dokument hinzuzufügen, verwenden Sie die HTML -Linienbrüche und Space -Elemente. Der Linienbruch kann durch die “angegeben werden
"Tag, und um den Inhalt mit Zeilenabstand und Bräken anzuzeigen, die HTML"

”Tag wird verwendet. Dieser Blog bot Anweisungen zum Hinzufügen von Zeilenpausen und Platz in einem HTML -Dokument.