Html I Tag

Html I Tag
Schriftarten spielen eine wichtige Rolle bei der attraktiven Webseite für Benutzer. Die Größe, der Stil und die Farbe von Schriftarten haben auch einen großen Einfluss auf das Aussehen der Websites. CSS ermöglicht es uns, diese Schriftattribute mit verschiedenen generischen Schriftfamilien wie Sans-Serif, Monospace, Kursiv, Serif und Fantasie anzupassen. Insbesondere erlaubt CSS auf diesen Schriftarten drei Hauptstile “kursiv","normal", Und "schräg”.

In diesem Beitrag führen Sie die HTML Schild. Lasst uns beginnen!

Was ist HTML Schild?

Html "Das Tag wird verwendet, um den Stil des normalen Textes als "zu verändern"kursiv”. Meistens wird es in einem Absatz oder einem Satz verwendet, um technische Begriffe, andere Sprachphrasen und mehr anzuzeigen.

Syntax

Die HTML nutzen Tag, folgen Sie der angegebenen Syntax:

In der obigen Syntax:

  • ist das Startetik.
  • ist das Endetag.

Lassen Sie uns ein Beispiel implementieren, um das Verhalten von zu beobachten Schild.

Beispiel: Wie man Text in HTML kursivisiert?

In HTML zunächst hinzufügen a . In diesem Bereich a Tag und fügen Sie den Text hinzu, der kursiv erscheinen muss. Fügen Sie danach die anderen erforderlichen Elemente hinzu.

Html


KURSIV

ist ein Stil von Schriftarten!


In CSS werden wir mehrere Stile auf das Element anwenden:

  • Zuerst die "Hintergrundfarbe"Des Divs wird als" festgelegt "RGB (68, 68, 68)”.
  • Dem Text Farbe geben, die “Farbe"Eigenschaftswert wird als" festgelegt "RGB (251, 255, 0)”.
  • Der "Schriftgröße"Eigenschaftswert wird als" festgelegt "60px","Schriftfamilie" als "Serife", Und "Textausrichtung" als "Center”.
  • Danach zuweisen Sie die “RandEigentum als "8px”.
  • Breite" als "90%”.
  • Höhe" als "200px”.
  • Polsterung"Eigenschaftswert als"5px”.

Sie können Styling -Eigenschaften entsprechend Ihren Anforderungen festlegen.

CSS

div
Hintergrundfarbe: RGB (68, 68, 68);
Farbe: RGB (251, 255, 0);
Schriftgröße: 60px;
Schriftfamilie: Serif;
Text-Align: Mitte;
Rand: 8px;
Breite: 90%;
Höhe: 200px;
Polsterung: 5px;

Ausgang

Bisher haben wir besprochen, wie die HTML Tag funktioniert. Im nächsten Abschnitt werden wir sehen, wie wir mit CSS Stile für Text zur Verfügung stellen können.

Schriftstile in CSS

Neben der HTML Tag, CSS bietet auch verschiedene Schriftstile an. Gehen wir mit dem nächsten Beispiel über.

Beispiel: So verwenden Sie Schriftstile in CSS?

In der Karosserie der HTML -Datei, fügen Sie a hinzu und platzieren Sie drei

Tags, jeweils unterschiedliche Klassennamen als “kursiv","schräg", Und "normal" drin. Jede

Tag umfasst einige Inhalte, auf die die Schriftstile angewendet werden müssen.

Html

HTML -Schriftstil: kursiv


Html Schriftstil: schräg


HTML -Schriftstil: normal

Greifen Sie in CSS auf jede Klasse zu und stylen Sie die Schriftart. Um dies zu tun, die “P.kursiv”Wird verwendet, um auf die zuzugreifen

Tag mit einer Klasse namens Italic. In ähnlicher Weise die “P.schräg" Und "P.normal”Werden verwendet, um auf die P -Tags mit schrägen und normalen Klassen zugreifen zu können. Danach wird der zugehörige Schriftstil unter Verwendung der Eigenschaft im Schriftart wie kursiv, schräg und normal eingestellt.

CSS

P.kursiv
Schriftstil: kursiv;

P.schräg
Schriftstil: Schräg;

P.normal
Schriftstil: normal;

Jetzt sieht unsere Webseite so aus:

Wir haben die HTML erklärt Tag mit einigen nützlichen Beispielen.

Abschluss

In HTML die “Das Tag wird verwendet, um den Text kursivisiert zu machen. Mit CSS können Sie die Eigenschaft im Schriftart auch auf den Text anwenden. Die Eigenschaftswerte im Schriftarten sind kursiv, normal und schräger. In diesem Blog wurde die HTML besprochen Tag mit einem praktischen Beispiel.