Leerzeichen in HTML einfügen

PDF download PDF herunterladen
unter Mitarbeit von Jessica Andzouana

PDF download PDF herunterladen

In diesem wikiHow zeigen wir dir, wie du Leerzeichen und Zeilenumbrüche in HTML einfügst. Da in HTML nur ein Leerzeichen eingefügt wird, wenn du mehrmals auf die Leertaste drückst, musst du HTML Tags nutzen, um mehr als ein Leerzeichen einzufügen.

Methode 1
Methode 1 von 3:

Mit HTML

PDF download PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/12\/Insert-Spaces-in-HTML-Step-1-Version-4.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-1-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/12\/Insert-Spaces-in-HTML-Step-1-Version-4.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Du kannst ein HTML Dokument mit einem Texteditor wie bspw. NotePad oder TextEdit bearbeiten. Du kannst auch einen HTML Editor wie bspw. Adobe Dreamweaver nehmen. So öffnest du ein HTML Dokument:
    • Navigiere unter Windows im Windows Explorer oder auf einem Mac zu deinem HTML Dokument.
    • Klicke mit der rechten Maustaste auf das HTML Dokument, das du bearbeiten möchtest.
    • Fahre mit der Maus über Öffnen mit .
    • Klicke auf das Programm, mit dem du das Dokument bearbeiten möchtest.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6f\/Insert-Spaces-in-HTML-Step-2-Version-5.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-2-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6f\/Insert-Spaces-in-HTML-Step-2-Version-5.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-2-Version-5.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Klicke zum Einfügen eines Leerzeichens an die Stelle, an der du es haben möchtest, und drücke auf die Leertaste. Normalerweise zeigt HTML nur ein Leerzeichen zwischen Wörtern an, egal wie oft du auf die Leertaste drückst.
  3. Watermark wikiHow to Leerzeichen in HTML einfügen
    Dies wird "non-breaking space" genannt, weil es verhindert, dass an der Stelle ein Zeilenumbruch eingefügt wird. [1]
    • Wenn du bspw. Hallo &nbsp; zusammen! eingibst, führt dies zu einem extra Leerzeichen zwischen "Hallo" und "zusammen!"
    • Wenn du dieses Zeichen zu viel verwendest, dann haben die Browser Schwierigkeiten, ordentliche Zeilenumbrüche einzufügen, damit der Text lesbar bleibt. [2]
    • Du kannst auch &#160; eingeben, um ein Leerzeichen zu erzwingen.
  4. Watermark wikiHow to Leerzeichen in HTML einfügen
    Du kannst mit einer der folgenden Optionen ein längeres Leerzeichen einfügen: [3]
    • Zwei Leerzeichen - Tippe &ensp; ein.
    • Vier Leerzeichen - Tippe &emsp; ein.
    • Einrücken - Tippe &nbsp;&nbsp;&nbsp;&nbsp; ein.
    Werbeanzeige
Methode 2
Methode 2 von 3:

Mit CSS

PDF download PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/ce\/Insert-Spaces-in-HTML-Step-5-Version-5.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-5-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/ce\/Insert-Spaces-in-HTML-Step-5-Version-5.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-5-Version-5.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    CSS kann oben im Head, am Anfang eines HTML Dokuments, angewandt oder als externes CSS Dokument geschrieben werden.
    • Den sogenannten "Head" eines HTML Dokuments findest du oben in der Datei, zwischen den Tags "<head>" und "</head>".
  2. Watermark wikiHow to Leerzeichen in HTML einfügen
    Der Style-Bereich kommt in den Head deines HTML Codes oder in ein separates Style Sheet. Erstelle mit den folgenden Tags einen Style-Bereich in deinem HTML oder Style Sheet Dokument.
    • Tippe <style> ein, um den Style-Bereich zu öffnen. Jeglicher CSS Code kommt nach diesem Tag.
    • Tippe </style> ein, um den Style-Bereich zu schließen. Jeglicher CSS Code kommt vor diesen abschließenden Tag.
  3. Watermark wikiHow to Leerzeichen in HTML einfügen
    p {indent-text: 5em;} Dies gibt dem Browser zu erkennen, dass er eine Einrückung von fünf Leerzeichen an der entsprechenden Stelle im HTML Code einfügen soll.
    • Du kannst die Anzahl der Leerzeichen anpassen, indem du nach "indent-text:" eine andere Zahl eingibst.
    • Die Einheit "em" entspricht einem Leerzeichen in der angegebenen Schriftgröße. Du kannst andere Einheiten nehmen, bspw. Prozent (also "indent-text: 15%;") oder Maße (also "indent-text: 3mm;").
  4. Watermark wikiHow to Leerzeichen in HTML einfügen
    Dies kommt in den "Body" deines HTML Dokuments, dort, wo du den Text einrücken möchtest. Dies fügt eine Einrückung in deinen Text ein, die den Angaben in deinem CSS entspricht.
    Werbeanzeige
Methode 3
Methode 3 von 3:

Mit bereits formatiertem Text

PDF download PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/63\/Insert-Spaces-in-HTML-Step-9-Version-2.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-9-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/63\/Insert-Spaces-in-HTML-Step-9-Version-2.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-9-Version-2.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Du kannst ein HTML Dokument mit einem Texteditor wie bspw. NotePad oder TextEdit bearbeiten. Du kannst auch einen HTML Editor wie bspw. Adobe Dreamweaver nehmen. So öffnest du ein HTML Dokument:
    • Navigiere unter Windows im Windows Explorer oder auf einem Mac zu deinem HTML Dokument.
    • Klicke mit der rechten Maustaste auf das HTML Dokument, das du bearbeiten möchtest.
    • Fahre mit der Maus über Öffnen mit .
    • Klicke auf das Programm, mit dem du das Dokument bearbeiten möchtest.
  2. Watermark wikiHow to Leerzeichen in HTML einfügen
    Dies ist der öffnende Tag für vorformatierten Text.
  3. Watermark wikiHow to Leerzeichen in HTML einfügen
    Durch das Vorformatieren deines Texts werden alle Leerzeichen und durch das Drücken von Enter eingegebenen Zeilenumbrüche auf der HTML Seite angezeigt. [4]
  4. Watermark wikiHow to Leerzeichen in HTML einfügen
    Dies schließt den vorformatierten Textbereich.
    Werbeanzeige

Tipps

  • Wenn sich deine Leerzeichen im Browser in seltsame Symbole verwandeln, wird dies vermutlich durch zusätzliche Daten verursacht, die im Textverarbeitungsformat gespeichert werden, aber nicht für die Online-Anzeige gedacht sind. Vermeide dies, indem du einen reinen Texteditor wie bspw. Notepad oder TextEdit verwendest.
  • CSS ist eine viel leistungsfähigere und vorhersagbare Möglichkeit, das Layout deiner Seiten zu gestalten, auch was die Abstände zwischen deinem Text angeht.
  • Der "non-breaking space" &nbsp; ist ein Beispiel für ein Zeichenobjekt, also ein Code, der auf ein Zeichen verweist, das du nicht auf deiner Tastatur eintippen kannst.
Werbeanzeige

Warnungen

  • Das HTML Zeichen für Tab ↹ &#09; funktioniert nicht so, wie du vielleicht denkst. Ein Standard-HTML-Dokument hat keine Tabulatoren, daher tut das Tab-Zeichen nichts.
  • Schreibe deinen HTML Code immer in einem Code-Editor oder einer reinen Textdatei, nicht im Dateiformat einer Textverarbeitung.
Werbeanzeige

Verwandte wikiHows

Eine Zeitverzögerung in eine Batch Datei einfügen
Mit der Windows Kommandozeile eine Python Datei ausführen
In HTML ein Bild zentrieren
In HTML die Hintergrundfarbe festlegen
In HTML die Breite und Höhe eines Bilds festlegen
Eine HTML Datei ausführen
Eine HTML Seite erstellen
Ein C Programm mit dem GNU Compiler (GCC) kompilieren
Eine einfache Webseite mit HTML gestalten
Ein eigenes Betriebssystem entwickeln
Ein Programm entwickeln
DLL Dateien erstellen
In Assembly programmieren lernen
HTML in Word umwandeln
Werbeanzeige

Referenzen

  1. ↑ http://www.amp-what.com/unicode/search/space
  2. ↑ http://hea-www.harvard.edu/~fine/Tech/html-sentences.html
  3. ↑ http://hea-www.harvard.edu/~fine/Tech/html-sentences.html
  4. ↑ https://www.w3.org/TR/html401/struct/text.html# edef-PRE

Über dieses wikiHow

In anderen Sprachen
Diese Seite wurde bisher 297.908 mal abgerufen.

War dieser Artikel hilfreich?

Werbeanzeige