This page has been robot translated, sorry for typos if any. Original content here.

Textformatierung

Textformatierung

Beim Ausfüllen von Webseiten mit Textformatierung in HTML muss man mehr als mit anderen Elementen umgehen und wenn nicht für Stile , war dieser Beruf lang und eintönig. Cascading Style Sheets mit ihrer neuesten CSS 2.0-Spezifikation können dem Text Formatierungsoptionen zuweisen. Obwohl es zu diesem Thema viele Lehrbücher gibt, kann man dieses Thema einfacher angehen. Also ...

Wenn Sie also die Familieneigenschaft der HTML-Sprache verwenden, können Sie die Schriftart angeben. Die Werte geben den Namen der Schriftart an oder führen sie in der Reihenfolge ihrer Priorität auf. Sie können Schriftklassifikationen in Werten anwenden: Serif (mit Serifen), Sans-Serif (Sans Serif), Monospase (monospaced), kursiv (schräg), Fantasy (beliebig).

Schriftgröße - legt die Schriftgröße in HTML fest. In den Werten können Sie beide Zahlenwerte in Maßeinheiten angeben und die Schlüsselwörter verwenden:

  • Mittel - Die Standardschriftgröße ist auf ihren Wert eingestellt.
  • klein - 20% weniger als mittel ;
  • x-klein - 20% weniger als klein ;
  • xx-klein - 20% weniger als x-klein ;
  • groß - 20% mehr als mittel ;
  • x-groß - 20% mehr als groß ;
  • xx-groß - 20% mehr als x-groß .

Je nach Stil ändert sich die Schriftart in HTML mit der Eigenschaft font-style und ihren Werten: normal ( Standard ), kursiv ( kursiv ), schräg ( schräg ). Die Stärke der Schriftart passt die Eigenschaft font-weight mit den Werten normal ( Standard ) und fett ( fett ) an. Die Höhe von Kleinbuchstaben wird durch - font-size-adjust gebildet , und wenn Small-Casp gesetzt ist, wird die Schriftart in Großbuchstaben in einer anderen font-varianten Eigenschaft und die Größe wird Kleinbuchstaben sein.

Der Abstand zwischen Zeichen wird durch die Eigenschaft Buchstabenabstand bestimmt, die in (em) gemessen wird. Das Intervall zwischen Wörtern zeigt - Wortabstand . Mit Hilfe von text-transform wird der Fall mit Hilfe der folgenden Werte geändert: Großbuchstaben (die ersten Buchstaben aller Wörter werden großgeschrieben ), Kleinbuchstaben (gibt den Zeichen eine Kleinschreibung), Großbuchstaben (Großbuchstaben).

Wenn Sie Text auf einer Seite mit html und css ausrichten , wird die text -Eigenschaft verwendet - richten Sie sie an den Werten links (links), rechts (rechts), Mitte (Mitte), Justus (über die Seitenbreite) aus. Vertikale Textausrichtung kann nur in einer Tabelle mit vertikal ausgerichtet mit den Werten oben (oben), unten (unten), Mitte (in der Mitte) auftreten.

Wenn Sie den Abstand zwischen den Linien angeben, müssen Sie die Eigenschaft line-height verwenden , deren Werte in jeder verfügbaren Einheit sowie in Prozent gemessen werden können. Wenn Sie dem Anfang eines Absatzes einen Einzug zuweisen, wird bereits ein Texteinzug mit denselben Werten verwendet.

Die Leerzeichen werden unter Beteiligung der whitespace- Eigenschaft und ihrer drei Werte formatiert: normal (Zeichen mehrerer Leerzeichen werden in eins konvertiert), pre (sie werden nicht in eins konvertiert), nowrap (der Text wird durch spezielle Tags übertragen).

Die Textdekoration erzeugt zusätzliche Attribute für den Text in Form von Unterstrichen ( unterstrichen ), Durchstreichungen ( durchgestrichen ) und Überstrichen ( Überstreichungen ).

Mit CSS können Sie Listen unabhängig von ihren Variationen formatieren. In den Werten der Eigenschaft list-style-type können Sie Folgendes angeben:

  • Scheibe, Kreis, Quadrat - eine Markierung in Form eines gefüllten Kreises, eines Kreises und eines gefüllten Quadrats für die eine oder andere Liste.
  • Unter-römisch und Ober-römisch - nummerieren die Liste mit römischen Ziffern in kleinen und großen Größen jeweils für die Liste im Einsatz.
  • Unter-Alpha- und Ober-Alpha- Nummerierung in Klein- und Großbuchstaben.
  • Dezimal - Nummerierung der Liste durch CSS in arabischen Ziffern.
  • Keine - keine Nummerierung und Aufzählungszeichen für Listen.

Die list-style- image- Eigenschaft ermöglicht die Verwendung eines kleinen Bildes als Markierung. Um dies zu tun, müssen Sie seine Adresse und seinen Namen angeben. Beispiel: list-style-image: URL ( Adresse / Dateiname )

Der Abstand von den Kanten wird durch die list-style-position -Eigenschaft mittels innerer (Zunahme) und äußerer (Abnahme) Werte gesteuert.

Wenn Sie alle Details des Textformatierungshandbuchs beherrschen, führen Sie einen beliebigen HTML-Editor auf Ihrem Computer aus. Finden Sie dort CSS und starten Sie von der Schule in den praktischen Unterricht.