Heim > Artikel > Web-Frontend > Mehrere Möglichkeiten zum Einfügen von Leerzeichen in HTML
Was HTML betrifft, verwenden wir es im Grunde alle. In diesem Artikel stellen wir hauptsächlich zwei Methoden zum Einfügen von Leerzeichen in HTML für Studenten vor, die gerade erst anfangen.
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 einige 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. Selbst 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:
„p.indent“ definiert einen Absatz (beschriftet mit p) mit der Bezeichnung „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 das Tag ein:
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. Lange Absätze formatieren
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. Zeilenumbrüche erstellen. 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 HTML-Stilcode nicht empfohlen wird. ,
3. Verwenden Sie das „p“-Tag, um Absätze zu definieren. Das p-Element erstellt 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.Wenn Sie beim abschließenden Überprüfen des Textes und Codes einige zusätzliche Symbole „schweben“ sehen, müssen Sie sorgfältig prüfen, ob der Code unvollständig ist, z. B. „
“ br".
CSS (Cascading Style Sheets) kann eine präzise Kontrolle auf Pixelebene über das Layout von Elementpositionen in Webseiten (einschließlich Abständen im Text) ermöglichen und so eine bessere und präzisere Bearbeitung von Webseitenobjekten ermöglichen Modellstile.
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.
Tatsächlich ist das, was wir über HTML wissen, nicht schwierig, aber wir können es grundsätzlich nutzen. Ich hoffe, dass dieses kleine Wissen Ihnen dabei helfen kann, eine solide Grundlage zu schaffen.
Verwandte Empfehlungen:
Viele Formen von HTML-Leerzeichen_html/css_WEB-ITnose
Beispielanalyse zur Beibehaltung von Leerzeichen und Zeilenumbrüchen in HTML-Seiten
Das obige ist der detaillierte Inhalt vonMehrere Möglichkeiten zum Einfügen von Leerzeichen in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!