Zeilenumbrüche
Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 8 von 60.
In HTML wird das <br>-Tag verwendet, um einen Zeilenumbruch zu erzeugen. Dieses Tag ist nützlich, wenn Sie Text in einer neuen Zeile beginnen möchten, ohne einen neuen Absatz zu erstellen. Im Gegensatz zum <p>-Tag, das eine Leerzeile vor und nach dem Text hinzufügt, verschiebt das <br>-Tag den Text einfach in die nächste Zeile.
So können Sie das <br>-Tag in HTML verwenden:
<p>This is a line.<br>This is another line.</p>In diesem Beispiel werden „This is a line.“ und „This is another line.“ in separaten Zeilen innerhalb desselben Absatzes angezeigt. Das <br>-Tag ist ein leeres Element, was bedeutet, dass es kein schließendes Tag hat. Sie schreiben einfach <br> dort hin, wo der Zeilenumbruch erfolgen soll.
Aufgabe
EinfachDir wird ein HTML-Dokument mit einem Absatz gegeben. Verwende einen Zeilenumbruch, damit der Text wie folgt aussieht:
Hello, world!
This is a new line.Spickzettel
Das <br>-Tag erzeugt einen Zeilenumbruch, um Text in einer neuen Zeile zu beginnen, ohne einen neuen Absatz zu erstellen:
<p>This is a line.<br>This is another line.</p>Das <br>-Tag ist ein leeres Element ohne schließendes Tag.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<p>Hello, world!This is a new line.</p>
</body>
</html>
Teste dich selbstDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Fundamentals
2Text und Formatierung
ÜberschriftenAbsätzeZeilenumbrücheFetter und kursiver TextNochmals fett und kursivWiederholung – Formatierung8Formulare und Eingaben Teil 1
Formular-GrundlagenTexteingabenInput-AttributePasswortfeldLabels für EingabenZusammenfassung – Einfaches Formular11Event-Registrierungsseite
ProjektübersichtHeader-Bereich
Event-Details-BereichRegistrierungsformularFooter-Bereich6Seitenlayout
Bereiche (Divisions)Inline-SpansSemantische TagsSections und ArticlesZusammenfassung – Layout9Formulare und Eingaben Teil 2
Radio-ButtonsCheckboxenDropdownsButtonsButtons in FormularenWiederholung - Formulare #1Wiederholung - Formulare #212Abschlussherausforderungen
Einfache ProfilkarteEvent-EinladungskarteEinfache ArtikelseiteLieblingsbücher-Liste