Wie man die Schrift in HTML verändert

Wie man die Schrift in HTML verändert

In früheren HTML -Versionen wurde das Schriftart Tag zum Definieren und Ändern der Schriftgröße, Farbe und des Stils verwendet. HTML5 empfiehlt jedoch nicht, ein Schriftart zu verwenden.
HTML5 hat die Schrifteigenschaften als Attribut im Element hinzugefügt. Die Eigenschaften umfassen Schriftstil, Schriftgröße und Farbe. Diese Eigenschaften verbessern die Ästhetik der Schrift in HTML. Dieser Artikel zielt darauf ab, verschiedene Methoden zur Änderung von Schriftarten in HTML bereitzustellen. Die Ergebnisse dieses Artikels sind:

  1. So ändern Sie die Schriftfarbe in HTML
  2. So ändern Sie die Schriftgröße in HTML
  3. So ändern Sie den Schriftstil in HTML

Wie man die Schrift in HTML ändert

In HTML umfasst eine Schriftart verschiedene Eigenschaften wie Farbe, Stil und Größe. Diese Attribute werden angewendet, um eine interaktive Sichtbarkeit der Schriftarten zu bieten.

So ändern Sie die Schriftfarbe in HTML

Um die Schriftfarbe in HTML zu ändern, Style -Attribut in das Öffnungs -Tag hinzuzufügen und die Farbeigenschaft zu verwenden, und dann den Farbwert zuweisen, der sein könnte "Hex", "RGB" oder "Keyword" von Namensfarbe.

Der folgende HTML -Code verwendet die "Farbe" Attribut, um die Schriftfarbe zu ändern:

Code

1
2
3

Wir haben die Schriftfarbe von Standardeinstellung nach rot geändert


Im obigen Code haben wir das Style -Attribut im Öffnungs -P -Tag verwendet, dann die Farbeigenschaft verwendet und den Farbwert zugewiesen.

Codebild

Ausgang

Die Schriftfarbe änderte sich von standardmäßig nach rot, wir verwendeten das Schriftfarbattribut und haben die rote Farbe zugewiesen.

So ändern Sie die Schriftgröße in HTML

Inline -Styling -Stile das einzelne Element. Immer wenn wir das Style -Attribut in einem bestimmten Element verwenden, überschreibt es die Zieleigenschaft.

Ändern wir die Schriftgröße in HTML mithilfe von Code, die unten geschrieben wurde:

Code

1
2
3

Wir haben die Schriftgröße auf 30px geändert


Im obigen Code haben wir die Schriftgröße mit der Eigenschaft Schriftgröße auf 30px festgelegt. Wir haben diesen Code in das Eröffnungs-Tag des Absatz-Tags angewendet, das ist

.

Bild

Ausgang

Die Absatztextgröße geändert sich von standardmäßig auf 30px unter Verwendung einer Eigenschaft mit Schriftgröße.

Wie man den Stil einer Schriftart in HTML verändert

Schriftstil definiert den Stil der Schrift in HTML. Immer wenn wir das Style -Tag in einem HTML -Element verwenden, überschreiben Sie alle Parameter, die auf Standardeinstellung eingestellt wurden.

Mal sehen, wie wir die Schriftstil- oder Schriftfamilie in HTML anhand des folgenden Beispiels ändern können

Code

1
2
3

Schriftstil wurde zu Verdana geändert


Hier haben wir die Schriftfamilie-Tag verwendet und ihm 'Verdana' Eigenschaft zugeordnet, die den Schriftstil der Überschrift von Standard zu Verdana festgelegt hat.

Bild

Ausgang

Der Schriftstil veränderte sich von Standard zu Verdana mithilfe von Eigenschaften im Schriftstil.

Sie haben gelernt, den Schriftart, die Schriftgröße und die Farbe der Schriftart in HTML zu ändern.

Abschluss:

Die Schriftart von HTML kann durch Verwendung von drei verschiedenen Attributen geändert werden.Dieser Artikel enthält verschiedene Methoden, um Schriftarten in HTML zu ändern. Die Eigenschaft „Farbe“ verändert die Farbe der Schriftart, die „Schriftgröße“ wird verwendet, um die Größe der Schriftart zu manipulieren, und die „Schriftfamilie“ verleiht den Schriftarten einen gewissen Stil.