HTML ist das Rückgrat des Internets.
Steuern Sie den vertikalen Abstand zwischen den Textzeilen innerhalb eines Absatzes auf Ihrer Webseite, um Ihre visuelle Präsentation zu verfeinern. Wenn Sie etwas zusätzlichen Platz mit Text benötigen oder etwas zusätzlichen Text in einen bestimmten Raum quetschen müssen, können Sie den Zeilenabstand mithilfe von HTML- und CSS-Tags anpassen. Mit wenigen Codezeilen können Sie die Zeilenabstandshöhe oder "Zeilenhöhe" in Ihrer Webseite anpassen.
Strenges HTML
Verwenden Sie striktes HTML, um einen korrekten Zeilenabstand zu erstellen oder einen Textabschnitt perfekt in den Textbereich einer Site einzupassen. Verwenden Sie das Tag "font", um Code wie diesen zu erstellen:
Video des Tages
"150%" ist der Teil, der den Abstand zwischen den Textzeilen vergrößert. Ersetzen Sie andere Werte, um den Abstand zu vergrößern oder zu verkleinern.
Span-Tag
Verwenden Sie span-Tags, um die Änderung der Zeilenhöhe auf den Text anzuwenden, der zwischen dem Öffnen und Schließen des Tags eingegeben wurde. Die Codierung sieht ähnlich aus:
Text geht hier...
Verwenden Sie eine Anzahl von Pixeln, um die Schriftgröße anstelle der relativen Größen groß, mittel oder klein einzustellen. Die Verwendung präziser Messungen für die Schriftgröße gibt Ihnen eine bessere Kontrolle über den Text und ermöglicht einen besseren Zeilenabstand.
CSS-Alternativen
Der Zeilenabstand kann auch über ein Cascading Style Sheet (CSS) eingestellt werden. Das CSS steuert, auf welches Element Sie es anwenden möchten, sei es eine Span-ID, die Sie für einen einzelnen Textabschnitt auf der Seite festlegen, oder eine ganze Klasse häufig verwendeter Elemente. Wenn Sie beispielsweise mit einer Blog-Site arbeiten, können Sie eine Klasse für Blog-Einträge erstellen und die Stylesheet-Zeilenhöhe für die Klasse auf 135% setzen. Jeder Blogeintrag hätte die gleiche Zeilenhöhe. Der Code zum Festlegen der "Zeilenhöhe" in CSS lautet:
{Zeilenhöhe: 150 %;}
WYSIWYG-Zeilenabstandskontrolle
Viele dieser Codierungsprobleme können umgangen werden, indem Sie einen WYSIWYG-Webeditor verwenden oder Sites mit. erstellen Online-Software wie WordPress und Joomla oder kostenlose Tools zur Website-Erstellung wie Weebly, Wix und Mondfrucht. Alle diese Tools bieten Texteditoren, die das Rätselraten und Kopfkratzen beseitigen. Ein einfacher Mausklick und der Zeilenabstand vergrößert sich, als ob Sie ein Dokument in Ihrem bevorzugten Textverarbeitungsprogramm schreiben würden.
Die meisten Web-Editoren, egal wie WYSIWYG ihre Schnittstelle ist, sind viel einfacher zu verwenden, wenn Sie wissen, wie man codiert, selbst wenn Sie feststellen, dass Sie viel weniger codieren als früher.
