Es gibt verschiedene Methoden zum Einrücken von Text. Aus Gründen der Kompatibilität mit mehreren Browsern und der Zugänglichkeit diskutieren wir jedoch die beliebtesten Methoden zum Einrücken von Text auf Ihrer Webseite.
Empfohlene Methode mit CSS & HTML
Zum Einrücken von Text oder einem Absatz ist die am häufigsten verwendete und empfohlene Methode die Verwendung von CSS. Nachfolgend finden Sie verschiedene Beispiele dafür, wie CSS Text einrücken kann. Jedes dieser Beispiele würde zwischen Ihren HTML-Tags
platziert werden.Das folgende Beispiel würde eine Stilklasse namens „tab“ erstellen, die den Text und Absatz 40 Pixel von links einrückt.
<style type="text/css">
<!--
.tab { margin-left: 40px; }
-->
</style>
Sobald sich der obige Code im Abschnitt
befindet, können Sie ihn verwenden, indem Sie ihn wie gezeigt zu Ihren Absatz-Tags () hinzufügen.
<p class="tab">Example of a tab</p>
Das Einfügen von CSS in Ihr HTML-Dokument, wie oben gezeigt, wird als „Inline“-CSS bezeichnet. Es ist nützlich, um schnell Änderungen vorzunehmen, aber auf lange Sicht ist es schwierig, später Änderungen vorzunehmen.
Stattdessen können Sie Ihren gesamten CSS-Code in eine separate Datei mit der Erweiterung .css einfügen. Dann können Sie von jedem HTML-Dokument aus auf diese eine Datei verlinken, und dieses Dokument kann diese CSS-Eigenschaften verwenden. Die Verwendung einer externen CSS-Datei erleichtert die spätere Änderung des CSS, da das gesamte CSS an einem Ort definiert ist.
Um eine externe CSS-Datei zu verlinken, fügen Sie die folgende Zeile in Ihr HTML-Dokument im
-Element ein (nach dem -Tag und vor dem -Tag). Im folgenden Beispiel haben wir unsere .css-Datei basic.css genannt<link rel="stylesheet" Type="text/css" href="http://www.example.com/basic.css">
Sobald diese .css-Datei erstellt wurde, bearbeiten Sie die Datei und fügen Sie den gleichen CSS-Code hinzu, ausgenommen die
