3 Möglichkeiten zum Einfügen von Leerzeichen in HTML

Inhaltsverzeichnis:

3 Möglichkeiten zum Einfügen von Leerzeichen in HTML
3 Möglichkeiten zum Einfügen von Leerzeichen in HTML

Video: 3 Möglichkeiten zum Einfügen von Leerzeichen in HTML

Video: 3 Möglichkeiten zum Einfügen von Leerzeichen in HTML
Video: Dateifreigabe von Mac zu Windows | macOS Tutorial | Marcel Scholz 2024, November
Anonim

In diesem wikiHow zeigen wir dir, wie du Leerzeichen und Zeilenumbrüche in HTML einfügst. Da Sie in Ihrem HTML-Code nur ein einziges Leerzeichen erstellen, wenn Sie die Leertaste mehrmals drücken, müssen Sie HTML-Tags verwenden, um mehr als ein Leerzeichen gleichzeitig einzufügen.

Schritt

Methode 1 von 3: Verwenden von HTML-Code

Leerzeichen in HTML einfügen Schritt 1
Leerzeichen in HTML einfügen Schritt 1

Schritt 1. Öffnen Sie das HTML-Dokument

Sie können HTML-Dokumente mit einem Textbearbeitungsprogramm wie Notepad oder TextEdit unter Windows bearbeiten. Sie können auch einen HTML-Editor wie Adobe Dreamweaver verwenden. Führen Sie diese Schritte aus, um ein HTML-Dokument zu öffnen.

  • Suchen Sie im Datei-Explorer auf einem Windows-Computer (oder im Finder auf einem Mac) nach HTML-Dokumenten.
  • Klicken Sie mit der rechten Maustaste auf das HTML-Dokument, das Sie bearbeiten möchten.
  • Bewegen Sie den Mauszeiger über die Option " Öffnen mit ”.
  • Klicken Sie auf das Programm, mit dem Sie die Datei bearbeiten möchten.
Leerzeichen in HTML einfügen Schritt 2
Leerzeichen in HTML einfügen Schritt 2

Schritt 2. Drücken Sie die Leertaste, um ein normales Leerzeichen hinzuzufügen

Um ein normales Leerzeichen hinzuzufügen, klicken Sie auf die Stelle, an der Sie ein Leerzeichen einfügen möchten, und drücken Sie die Leertaste auf Ihrer Tastatur. Normalerweise zeigt HTML nur ein Leerzeichen zwischen Wörtern an, unabhängig davon, wie oft Sie die Leertaste drücken.

Image
Image

Schritt 3. Geben Sie ein, um nachfolgende Leerzeichen zwangsweise hinzuzufügen

Der resultierende Code wird als geschütztes Leerzeichen oder festes Leerzeichen bezeichnet, da es eine Zeilenteilung an der Stelle verhindert, an der der Code platziert wird.

  • Geben Sie beispielsweise Hallo an alle ein! um ein zusätzliches Leerzeichen zwischen den Wörtern "Hallo" und "alle!" einzufügen.
  • Wenn Sie diese Zeichen zu oft verwenden, wird es Ihrem Browser schwer fallen, Zeilenumbrüche sauber und leicht lesbar einzufügen.
  • Sie können auch eingeben, um ein Leerzeichen zwangsweise einzufügen.
Image
Image

Schritt 4. Fügen Sie Leerzeichen unterschiedlicher Breite ein

Sie können mit einer der folgenden Optionen ein längeres Leerzeichen hinzufügen:

  • Zwei Leerzeichen – Typ
  • Vier Räume – Typ
  • Einzug – Typ

Methode 2 von 3: CSS-Code verwenden

Leerzeichen in HTML einfügen Schritt 5
Leerzeichen in HTML einfügen Schritt 5

Schritt 1. Öffnen Sie das HTML- oder CSS-Dokument

CSS-Code kann auf den Header eines HTML-Dokuments angewendet oder als externes CSS-Dokument geschrieben werden.

Der Kopf des HTML-Dokuments befindet sich am Anfang der Datei. Dieser Abschnitt befindet sich zwischen den Markierungen "" und ""

Image
Image

Schritt 2. Erstellen Sie ein Stilsegment für den CSS-Code

Das Style-Segment muss am Kopf des HTML-Codes oder in einem separaten Stylesheet hinzugefügt werden. Verwenden Sie die folgenden Flags, um Style-Segmente in HTML-Dokumenten oder separaten Stylesheets zu erstellen.

  • Geben Sie ein, um das Stilsegment zu öffnen. Der gesamte CSS-Code muss nach dieser Markierung hinzugefügt werden.
  • Geben Sie ein, um das Stilsegment zu schließen. Der gesamte CSS-Code muss vor diesem Schlusszeichen eingegeben werden.
Image
Image

Schritt 3. Geben Sie Folgendes in das Stilsegment ein: p {text-indent: 5em;}. Dieses Flag weist den Browser an, beim Hinzufügen zum entsprechenden HTML-Code fünf Leerzeichen einzurücken.

  • Sie können die Anzahl oder Breite der Leerzeichen anpassen, indem Sie nach dem Code "text-indent:" eine andere Zahl eingeben.
  • Die Einheit "em" entspricht einem Leerzeichen bei der angegebenen oder anwendbaren Schriftgröße. Sie können andere Einheiten wie Prozentsätze (zB " Texteinzug: 15%; ") oder Längeneinheiten (zB " Texteinzug: 3mm; ") verwenden.
Image
Image

Schritt 4. Tikka

auf dem Teil, in den Sie einrücken möchten.

Diese Markierung muss dem HTML-Text vor dem Text hinzugefügt werden, in den Sie einrücken möchten. Danach wird der Einzug gemäß den Vorgaben im CSS-Code in den Text eingefügt.

Methode 3 von 3: Verwenden von vorformatiertem Text

Leerzeichen in HTML einfügen Schritt 9
Leerzeichen in HTML einfügen Schritt 9

Schritt 1. Öffnen Sie das HTML-Dokument

Sie können HTML-Dokumente mit einem Textbearbeitungsprogramm wie Notepad oder TextEdit unter Windows bearbeiten. Sie können auch einen HTML-Editor wie Adobe Dreamweaver verwenden. Führen Sie diese Schritte aus, um ein HTML-Dokument zu öffnen.

  • Suchen Sie im Datei-Explorer auf einem Windows-Computer (oder im Finder auf einem Mac) nach HTML-Dokumenten.
  • Klicken Sie mit der rechten Maustaste auf das HTML-Dokument, das Sie bearbeiten möchten.
  • Bewegen Sie den Mauszeiger über die Option " Öffnen mit ”.
  • Klicken Sie auf das Programm, mit dem Sie die Datei bearbeiten möchten.
Image
Image

Schritt 2. Geben Sie ein

vor dem Text, den Sie vorformatieren möchten.

Der Code ist ein vorformatiertes Textöffnungstoken.

Image
Image

Schritt 3. Geben Sie den gewünschten Text nach dem"

".

Bei der Vorformatierung werden alle Leerzeichen und Zeilenumbrüche, die mit der "Enter"-Taste erstellt wurden, in der HTML-Seite angezeigt.

Image
Image

Schritt 4. Geben Sie ein nach dem Text.

Das vorformatierte Textsegment wird beendet.

Tipps

  • Wenn das von Ihnen eingefügte Leerzeichen in Ihrem Browser seltsame Symbole erzeugt, kann dies durch zusätzliche Daten in einem Textverarbeitungsprogramm-Format verursacht werden, die im Internet nicht angezeigt werden sollen. Sie können verhindern, dass das Symbol angezeigt wird, indem Sie den Code in ein Nur-Text-Bearbeitungsprogramm wie Notepad oder TextEdit eingeben.
  • CSS ist eine anspruchsvollere und vorhersehbarere Stylesheet-Sprache zum Entwerfen von Elementen auf Webseiten, einschließlich Textabständen.
  • Festes Leerzeichen (geschütztes Leerzeichen)
  • ist ein Beispiel für eine Zeichenentität, ein Code, der sich auf ein Zeichen bezieht, das Sie nicht über die Tastatur eingeben können.

Warnung

  • HTML-Zeichen für Tab

  • funktioniert nicht wie erwartet. Standard-HTML-Dokumente haben keine Tabulatorstopps, sodass diese Zeichen nicht funktionieren.
  • Schreiben Sie Ihren HTML-Code immer in einem Code-Editor oder einer reinen Textdatei und nicht in einem Textverarbeitungsdateiformat (zB Word).

Empfohlen: