So reduzieren Sie den Zeilenabstand in HTML

Sie können den Zeilenabstand direkt in der HTML-Datei einer Webseite reduzieren.

Die Verwendung von HTML macht es einfach, einfache Webseiten zu erstellen und verschiedene Attribute dieser Seiten zu steuern, einschließlich Schriftart, Textgröße, Farbe und Zeilenabstand. Das Verringern des Zeilenabstands kann nützlich sein, wenn Sie eine Webseite komprimieren oder aus ästhetischen Gründen den Leerraum reduzieren müssen. Glücklicherweise müssen Sie zum Verringern des Zeilenabstands einfach ein paar schnelle Einfügungen in die HTML-Datei der Seite vornehmen.

Schritt 1

Identifizieren Sie den Abschnitt Ihres HTML-Dokuments, der dem Teil Ihrer Webseite entspricht, für den Sie den Zeilenabstand verringern möchten.

Video des Tages

Schritt 2

Schließen Sie diesen Abschnitt des Dokuments in ein "

" Schild. EIN "

"-Tag, auch als Divide-Tag bekannt, markiert einen HTML-Abschnitt, auf den Sie einen bestimmten Stil anwenden möchten. Einfügung "

" am Anfang des Abschnitts und "

“ am Ende des Abschnitts.

Schritt 3

Fügen Sie "style=" innerhalb des ersten " ein

" wie folgt markieren:

. Der Operator "style" signalisiert dem Browser, der die Webseite rendert, dass er den Abschnitt formatieren soll der Seite, die in den Divide-Tags auf eine bestimmte Weise eingeschlossen ist, die sich vom Rest des Webs unterscheidet Seite.

Schritt 4

Platzieren Sie den Text "line-height:" in Anführungszeichen nach dem Stiloperator wie folgt:

. Achten Sie darauf, nach dem Text einen Doppelpunkt einzufügen. Das Attribut "line-height" signalisiert dem Browser, dass er den Abstand zwischen den Zeilen für den Teil der Seite ändern soll, der in den Teilungs-Tags eingeschlossen ist.

Schritt 5

Fügen Sie eine Zahl gefolgt von dem Prozentzeichen nach dem Doppelpunkt nach dem Attribut "line-height" wie folgt ein:

. Die Zahl, die Sie einfügen, ist der gewünschte Zeilenabstand, ausgedrückt als Prozentsatz des aktuellen Zeilenabstands der Seite. Wenn Sie beispielsweise 50 einfügen, beträgt der Zeilenabstand die Hälfte des aktuellen Zeilenabstands, während der Zeilenabstand beim Einfügen von 200 das Doppelte des aktuellen Zeilenabstands beträgt. Geben Sie eine beliebige Zahl unter 100 ein, um den Abstand zwischen den Zeilen in dem von den Teilungs-Tags eingeschlossenen Abschnitt zu verringern.

Schritt 6

Speichern Sie Ihr HTML-Dokument und testen Sie es, indem Sie es in einem Webbrowser öffnen, um zu sehen, wie es den Lesern angezeigt wird, die über das Internet darauf zugreifen.

So reduzieren Sie den Zeilenabstand in HTML

Schritt 1

Schritt 2

Schritt 3

Schritt 4

Schritt 5

Schritt 6

Kategorien

Kürzlich

So spielen Sie eine PS3 auf einem Laptop über HDMI ab

So erstellen Sie ein E-Mail-Konto

So modifizieren Sie ein PS2-Spiel auf einem PC