Schriftarteinstellungen in HTML

HTML ist eine Sprache zum Schreiben von Webseiten und eines der grundlegendsten Elemente sind Schriftarten. Über HTML können Sie Schriftart, -größe und -farbe festlegen, um den Textinhalt klarer zu gestalten. In diesem Artikel wird ausführlich erläutert, wie Schriftarten in HTML festgelegt werden, sowie einige Vorsichtsmaßnahmen.

1. Grundlegende Schriftarteneinstellungen in HTML

In HTML werden normalerweise die folgenden Tags zum Festlegen von Textschriftarten verwendet:

1. -Tags sind die grundlegendsten Tags zum Festlegen von Schriftarten. Verwendung Das Format ist:

Textinhalt

Dabei wird das Größenattribut zum Festlegen der Schriftgröße verwendet, das Farbattribut wird verwendet, um die Schriftfarbe festzulegen, und die Eigenschaft „face“ wird verwendet, um den Schriftarttyp festzulegen. Durch die Angabe unterschiedlicher Kombinationen von Attributwerten können unterschiedliche Schrifteffekte erzielt werden.

Zum Beispiel:

Dies ist ein Text in Rot, Schriftart Arial, Größe 4.

Tag

2. Das Tag kann den Titel des Textes im folgenden Format festlegen:

Textinhalt

The Die Nummern 1 bis 6 geben unterschiedliche Titelebenen an. Bei der Verwendung sollten Sie die entsprechende Nummer entsprechend Ihren Anforderungen auswählen. Standardmäßig wird die Schriftgröße von Überschriften auf verschiedenen Ebenen mit abnehmender Überschriftenebene kleiner. Dies kann jedoch über CSS-Stylesheets oder Inline-Stile geändert werden.

Zum Beispiel:

Dies ist ein Titel der ersten Ebene

Dies ist ein Titel der zweiten Ebene

Tag

Textinhalt

Der Text innerhalb des Tags wird automatisch umbrochen Der obere und untere Abstand werden standardmäßig hinzugefügt, um den Schriftsatz schöner zu machen.

2. Schriftartattribute in HTML

Zusätzlich zu den grundlegenden Schriftarteinstellungs-Tags gibt es in HTML auch einige Attribute, die zum Festlegen von Schriftarten verwendet werden können. Die folgenden sind häufig verwendete Schriftartattribute:

Größenattribut

1. Größenattribut kann zum Festlegen der Schriftgröße verwendet werden. Der Attributwert kann sieben Stufen von 1 bis 7 haben. Je größer die Zahl, desto größer die Schriftart. Beachten Sie jedoch, dass sich eine Änderung der Schriftgröße auf das Gesamtlayout des Textes auswirkt und daher mit Vorsicht angewendet werden sollte.

Zum Beispiel:

Dies ist eine Schriftart mit der Größe 6

Farbattribut

2. Farbattribut kann zum Festlegen der Schriftfarbe verwendet werden. Attributwerte können Farbnamen wie Rot, Grün usw. oder hexadezimale Farbwerte wie #ff0000 verwenden.

Zum Beispiel:

Dies ist eine rote Schriftart

Dies ist eine grüne Schriftart

Gesichtsattribut

3. Mit dem Gesichtsattribut kann der Schriftarttyp festgelegt werden, und der Attributwert kann eine Systemschriftart oder eine Webschriftart sein. Es ist jedoch zu beachten, dass die Webseite stattdessen die Standardschriftart verwendet, wenn auf dem Computer des Benutzers keine definierte Schriftart vorhanden ist, was sich auf den visuellen Gesamteffekt auswirkt.

Zum Beispiel:

Dies ist die Schriftart Arial

Dies ist die Schriftart Song Dynasty

Gewicht Attribut

4. Das Gewichtungsattribut kann zum Festlegen der Schriftstärke verwendet werden, und der Attributwert kann normal, fett oder numerisch sein (z. B. 100).

Zum Beispiel:

Dies ist eine fette Schriftart

Stilattribut

5. Mit dem Stilattribut können Schriftstile wie Kursivschrift und Unterstreichung festgelegt werden , usw. Attributwerte können kursiv, normal, unterstrichen usw. sein.

Zum Beispiel:

Dies ist eine kursive Schriftart

Dies ist eine Unterstreichungsschrift

Familie Die Attribut

6. Familienattribut kann zum Festlegen mehrerer Schriftarten verwendet werden. Wenn eine bestimmte Schriftart auf dem Computer des Benutzers nicht vorhanden ist, wählt das System automatisch eine andere Schriftart aus. Eigenschaftswerte werden durch Kommas getrennt.

Zum Beispiel:

Dies ist die Schriftart Songti oder SimSun

Three. Hinweise

Verwenden Sie CSS, um die Schriftarteinstellungen zu optimieren

1. Obwohl dies möglich ist Wird in HTML verwendet. Legen Sie den Schriftstil direkt fest, aber das Stylesheet (CSS) kann die Schriftart flexibler und bequemer steuern. Darüber hinaus kann das Stylesheet die Schriftartattribute als Klassen oder IDs definieren und diese dann auf mehrere Texte anwenden, wodurch der Codeumfang erheblich reduziert wird.

Definieren Sie beispielsweise den folgenden Stil in CSS: