So erstellen Sie zusätzlichen Platz in HTML oder auf einer Webseite

Das Erstellen von zusätzlichem Speicherplatz in Ihrem HTML-Code auf einer Webseite kann auf verschiedene Weise erreicht werden, je nachdem, welchen Platz Sie erstellen möchten. In den folgenden Abschnitten finden Sie viele Möglichkeiten, mit HTML und CSS zusätzlichen Speicherplatz zu erstellen.

Für neue Benutzer, die ihre eigene Webseite erstellen, ist das Verwirrendste, dass sie die Leertaste nicht mehrmals drücken können, um zusätzliche Leerzeichen zu schaffen. Um zusätzliche Leerzeichen vor, nach oder zwischen Ihrem Text zu erstellen, verwenden Sie die (geschützte Leerzeichen) erweitertes HTML-Zeichen.

Mit "extra space" haben wir beispielsweise den folgenden Code in unserem HTML-Code.

 zusätzlicher Platz 

Hinweis: Wenn Sie zur Eingabe des obigen Codes einen WYSIWYG-Editor verwenden, müssen Sie sich auf der Registerkarte HTML befinden oder den HTML-Code bearbeiten.

  • Vollständige Liste erweiterter HTML-Sonderzeichen.

Halten Sie den Abstand in Text ein, der in eine Seite eingefügt wird

Wenn Sie Text mit zusätzlichen Leerzeichen oder Tabulatoren einfügen, können Sie den HTML-Code verwenden

 Tag, um den Text formatiert zu halten. Im Folgenden finden Sie ein Beispiel für das Einfügen von Text mit zusätzlichen Leerzeichen mithilfe von 
 Etikett.

 Dieser Text enthält viele Leerzeichen 

Das obige Beispiel wird mit dem folgenden HTML-Code ausgeführt.

 Dieser Text enthält viele Leerzeichen 

Hinweis: Wenn Sie einen WYSIWYG-Editor verwenden, um den Code oben einzugeben, müssen Sie sich auf der Registerkarte HTML befinden oder den HTML-Code bearbeiten.

  • Sehen Sie unser HTML
     Tag-Seite für weitere Informationen zu diesem Tag.

Erstellen Sie zusätzlichen Platz um ein Element oder ein Objekt

Für jedes HTML-Element können zusätzliche Abstände oben, rechts, unten oder links hinzugefügt werden. Es ist jedoch wichtig, dass Sie den Unterschied zwischen Rand und Abstand verstehen, bevor Sie entscheiden, welche Art von Raum Sie um das Element oder ein anderes Objekt hinzufügen möchten. Wie Sie in der Abbildung unten sehen können, ist das Auffüllen das Element, den Rand und den Rand außerhalb des Randes.

Im folgenden Beispiel ist unser Absatz von einem Rand umgeben, der mit einem Rand eingerückt ist, und rechts und unterhalb des Absatzes ist Platz vorhanden.

Ein Beispiel für einen Absatz mit Rand und Auffüllung.

Das obige Beispiel wurde mit dem folgenden Code erstellt.

Beispiel eines Absatzes mit Rand und Polsterung.

Im ersten Abschnitt des Codes "margin-left: 2.5em;" fügt einen linken Rand von 2, 5 cm hinzu, wodurch der Eindruck eines eingerückten Textes entsteht. Wie das Beispiel zeigt, liegt dieser Abstand außerhalb der Grenze. Im nächsten Abschnitt "Auffüllen: 0 7em 2em 0;" definiert die Polsterung oben, rechts, unten und links (im Uhrzeigersinn). Es gibt "0" oben, "7em" rechts, "2em" und 0 links. Der Rest dieses Beispiels definiert, wie der Rand aussehen soll.

Erstellen einer Registerkarte mit CSS und HTML

Eine Registerkarte kann in HTML erstellt werden, indem der linke Rand eines Elements angepasst wird. Zum Beispiel hat dieser Absatz einen linken Rand von 2, 5 cm gegenüber dem Element, das den Text enthält. Das CSS zum Erstellen dieses linken Rands ist unten dargestellt.

 .tab {margin-left: 2.5em} 

Nachdem Sie diesen Code in unsere CSS-Datei eingefügt haben, können wir die Klasse "tab" auf jeden Text anwenden, um das Erscheinungsbild einer Registerkarte zu erzeugen. Der Wert des linken Randes kann je nach Bedarf erhöht oder verringert werden.

Obwohl wir die obige Methode empfehlen, kann das linke / linke CSS auch inline hinzugefügt werden, wie im folgenden Beispiel gezeigt.

Ein Beispiel für einen linken Rand von 5em.

Ein Beispiel für einen linken Rand von 5em.

  • Wie ziehe ich Text auf meiner Webseite oder in HTML ein?

Wenn Sie unter einer Zeile oder einem Absatz Text zusätzlichen Platz hinzufügen müssen und dies nur einmal tun müssen, können Sie das verwenden

Tag, um zusätzlichen Platz in einem Dokument hinzuzufügen. Nachfolgend finden Sie ein Beispiel für die Anwendung dieser Technik.

Dieser Satz enthält Beispieltext.

Wie Sie sehen können, wurden zwei Pausen hinzugefügt, um den darüber liegenden Raum zu erstellen.

Der obige Code würde den unten gezeigten Text erzeugen.

Dieser Satz enthält Beispieltext.

Wie Sie sehen können, wurden zwei Pausen hinzugefügt, um den darüber liegenden Raum zu erstellen.

Zusätzliche Pausen können bei Bedarf hinzugefügt werden. Wir empfehlen jedoch die Verwendung der oben erwähnten CSS-Methode, um den Text mit Abstand und Abstand zu versehen, wenn dies an mehreren Stellen auf einer Seite erfolgt.