Detaillierte Einführung zum Einfügen von Leerzeichen in HTML

Normalerweise verwenden wir die Leertaste, um mehrere Leerzeichen einzugeben. Beim Schreiben von Code werden die mit der Leertaste, der Tabulatortaste und der Eingabetaste eingegebenen Leerzeichen von HTML (Hypertext Markup Language) automatisch ignoriert. HTML behandelt solche Schlüssel als Leerzeichen und zeigt sie als einzelnes Leerzeichenintervall an. Obwohl CSS verschiedene Stile für Abstände und Einrückungen bietet, gibt es in HTML auch Tools, mit denen Sie Abstände selbst definieren können.

Methode 1. Fügen Sie ein einzelnes Leerzeichen und einen Tabulator ein.

1. Fügen Sie ein geschütztes Leerzeichen ein. Im Allgemeinen zeigt HTML nur Leerzeichen zwischen Wörtern an, unabhängig davon, wie oft Sie die Leertaste drücken. Wenn Sie mehrere Leerzeichen einfügen müssen, geben Sie bitte den  - oder  -Code ein. Sie werden „Leerzeichen-Platzhalter“ genannt. Wenn Sie mehrere eingeben, werden einige Leerzeichen auf der Seite angezeigt.

wird als geschütztes Leerzeichen bezeichnet, da es kein Zeilenumbruchzeichen erzeugt. Wenn Sie diesen Abstand missbrauchen, ist der Browser möglicherweise nicht in der Lage, Zeilenumbrüche sauber und lesbar einzufügen.

2. Fügen Sie Leerzeichen unterschiedlicher Breite ein. Es gibt verschiedene Zeicheneinheiten, die es Browsern ermöglichen, Leerzeichen anzuzeigen. Verschiedene Browser zeigen dies möglicherweise etwas anders an, aber im Gegensatz zu   haben sie keinen Einfluss auf Zeilenumbrüche:

  – „enspace“ ist nach einer typografischen Maßeinheit benannt, der Breite gewöhnliche Leerzeichen

  – „em space“ hat etwa die Breite von vier gewöhnlichen Leerzeichen

3. Verwenden Sie geschützte Leerzeichen, um Tabulatorzeichen zu simulieren. Eine Möglichkeit, einen Absatz zu erstellen, besteht darin, vor der ersten Zeile ein paar Leerzeichen einzufügen:    . Diese Methode funktioniert nur mit HTML und wird nicht empfohlen, wenn Sie CSS verwenden (andere Methoden werden in anderen Schritten behandelt).

Wenn der Inhalt des Absatzes Rich Text ist, verwenden Sie bitte das „pre“-Tag.

4. Verwenden Sie CSS, um Absätze zu generieren. Der innere oder äußere Rand von CSS gibt dem Browser das spezifische Anzeigeformat an, sodass der Anzeigeeffekt konsistenter ist. Auch wenn Sie CSS nicht sehr gut kennen und kein Anleitungsblatt zur Hand haben, kann es problemlos hinzugefügt werden. Hier sind die spezifischen Anweisungen zum Verschieben eines gesamten Absatzes nach rechts:

Fügen Sie im Abschnitt den folgenden Befehl ein:

<style>p.indent{ padding-left: 1.8em }</style>

„p.indent“ definiert einen Absatz (mit der Bezeichnung „p“) namens „indent“ (kann beliebig benannt werden). Die übrigen Befehle fügen links vom Absatz Füllraum hinzu.

Gibt den Textkörper des HTML-Dokuments zurück. Wenn Sie einen Absatz hinzufügen möchten, fügen Sie Folgendes in den Tag ein:

<p class="indent"></p> 。

Um die Größe der Einrückung anzupassen, ändern Sie einfach die Zahl „1,8“ im CSS-Befehl. Das folgende „em“ sollte beibehalten werden, es ist die Einheit für die Breite.

Methode 2. Formatieren Sie lange Absätze

1. Verwenden Sie vorformatierten Text. Das „pre“-Element kann vorformatierten Text definieren, der Leerzeichen oder Zeilenumbrüche im Text beibehält. Daher werden Leerzeichen oder Eingabetasten, die im Tag

eingegeben werden, als Leerzeichen oder Zeilenvorschübe angezeigt. Sie können damit Codebeispiele, Gedichte oder andere Textinhalte anzeigen, die Leerzeichen und Zeilenumbrüche erfordern.

Einer der Nachteile von vorformatiertem Text ist seine Breite. Die Seitenbreite kann nicht wie bei herkömmlichen Hypertext-Auszeichnungssprachen an die Fenstergröße des Benutzers angepasst werden.

2. Erstellen Sie ein Zeilenumbruchzeichen. Das
-Tag wird am Ende der aktuellen Textzeile platziert und fügt einen einfachen Zeilenumbruch ein. Sie können mehrere „br“-Tags eingeben, um mehrere Leerzeilen zu erstellen. Dies ist eine gute Möglichkeit für HTML-Anfänger, Code zu schreiben. Wenn Sie jedoch CSS lernen, werden Sie feststellen, dass diese Art von obligatorischem Code im HTML-Stil nicht zu empfehlen ist. ,

3. Verwenden Sie das „p“-Tag, um Absätze zu definieren. Das p-Element erzeugt automatisch einen Leerraum davor und danach, sodass das

-Tag nach dem Text den Absatz beenden kann. Die meisten Browser trennen Absätze durch eine Leerzeile, eine präzise Formatierung ist dadurch jedoch nicht gewährleistet.

Tipps

Wenn Sie bei der endgültigen Durchsicht des Textes und des Codes einige zusätzliche Symbole „schwebend“ im Code sehen, müssen Sie sorgfältig prüfen, ob welche vorhanden sind Unvollständiger Code, z. B. das Schreiben von „
“ anstelle von „

CSS (Cascading Style Sheets) kann eine präzise Kontrolle auf Pixelebene über das Layout von Elementpositionen in Webseiten (einschließlich der Abstände im Text) ermöglichen und so eine bessere und präzisere Bearbeitung von Webseitenobjekten und Modellstilen ermöglichen.

Geben Sie nach dem Start-Tag oder vor dem End-Tag keine Leerzeichen ein. Wenn Sie beispielsweise „Leerzeichen Tutorial“ eingeben, schreiben Sie nicht „Leerzeichen Tutorial “.

Das Zeichen ohne Leerzeichen ( ) ist ein Beispiel für eine Zeichenentität. Sie können solche Webzeichen nicht über die Tastatur eingeben, Sie können die Zeichen jedoch mit dem entsprechenden Code einfügen.

Warnung

Hypertext Markup Language (HTML) zeigt den Tabulator ( )-Zeilenumbruch nicht wie erwartet an. Standard-Hypertext-Webseiten haben keine Zeilenumbrüche, daher hat das „Tab“-Zeichen keine wirkliche Bedeutung.

Am besten schreiben Sie HTML-Sprache in einem Code-Editor oder einer einfachen Textdatei und nicht mit dem Textverarbeitungsprogramm „Word“. Beim Schreiben von Code in einer Textbearbeitungssoftware können sich Leerzeichen auf Webseiten in seltsame Symbole verwandeln, was zu Anzeigefehlern führen kann. Dies liegt in der Regel daran, dass das Word-Programm zusätzliche Daten an den Textinhalt anhängt und diese Informationen vom Webbrowser nicht erkannt werden, was zu Anzeigefehlern führt.

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung zum Einfügen von Leerzeichen in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!