HTML -Style -Tag

„Das Style -Tag von HTML kann verwendet werden, um das Erscheinungsbild Ihrer Webseite zu verschönern. Es umfasst, ohne darauf beschränkt zu sein, die Schriftstile, Schriftgrößen, Schriftfarben, Textausrichtung, Texthintergrundfarbe usw. zu ändern, usw. In diesem Artikel zeigen wir Ihnen, wie Sie das Style -Tag von HTML auf verschiedene Arten verwenden und die Gesamtausstattung Ihrer Webseite ändern können.”

So verwenden Sie das Style -Tag von HTML?

Es gibt mehrere Möglichkeiten, wie Sie das Style -Tag von HTML verwenden können. Einige von ihnen werden in den folgenden fünf Beispielen erklärt:

Beispiel 1: Ändern der Schriftfamilie des Textes

Mit Hilfe dieses Beispiels lernen wir mithilfe des HTML -Style -Tags verschiedene Schriftstile für unseren Text zu verwenden. Das HTML -Skript dafür ist unten gezeigt:

Durch die Verwendung des oben gezeigten HTML -Skripts wollten wir die Anweisung „Willkommen bei Linux Tipp!”In vier verschiedenen Schriftstilen. Dafür haben wir das HTML-Style-Tag verwendet, gefolgt von der Schriftfamilie-Attribut und dem Namen der jeweiligen Schriftart. Danach erwähnten wir die Aussage, dass wir in verschiedenen Schriftstilen erscheinen wollten.

Die vier verschiedenen Schriftarten, die wir in unserem Skript verwendet haben, finden Sie auf der folgenden Webseite:

Beispiel 2: Ändern der Schriftgröße des Textes

In diesem Beispiel werden wir lernen, die Schriftgröße unseres Textes zu ändern, indem wir das Style -Tag von HTML verwenden, für das wir das unten gezeigte Skript geschrieben haben:

In diesem Skript haben wir das Attribut der Schriftgröße mit dem HTML-Style-Tag verwendet und verschiedene Schriftgrößen in Prozent sowie in Pixel für unseren gewünschten Text verwendet.

Auf der folgenden Webseite sehen Sie, dass unser angegebener Text in verschiedenen Schriftgrößen angezeigt wurde:

Beispiel 3: Ändern der Schriftfarbe des Textes

In diesem Beispiel werden wir Ihnen mitteilen, wie Sie die Schriftfarbe Ihres Textes mithilfe des HTML -Style -Tags ändern können, für das Sie sich auf das unten gezeigte Skript beziehen müssen:

Genau wie unsere ersten beiden Beispielskripte haben wir auch in diesem Beispiel das gleiche Stil -Tag verwendet. Diesmal haben wir das Farbattribut für die Anzeige unseres gewünschten Textes in verschiedenen Farben verwendet.

Unser angegebener Text in verschiedenen Farben wird auf der Webseite im folgenden Bild angezeigt:

Beispiel 4: Ändern der Ausrichtung des Textes

Jetzt werden wir über die Änderung der Ausrichtung des Textes sprechen, indem wir das Style -Tag von HTML verwenden. Dafür haben wir das unten gezeigte HTML -Skript erstellt:

In diesem Skript haben wir denselben Text verwendet, den wir in drei verschiedenen Ausrichtungen erscheinen wollten, ich.e., Mitte, rechts und links. Wir haben das Style-Tag von HTML für diesen Zweck verwendet, gefolgt vom Text-Align-Attribut.

Unser Beispieltext in drei verschiedenen Ausrichtungen wird auf der folgenden Webseite angezeigt:

Beispiel 5: Ändern der Hintergrundfarbe des Textes

Schließlich werden wir lernen, die Hintergrundfarbe unseres Textes mit dem HTML -Style -Tag zu ändern, für das wir das unten gezeigte Skript verwenden:

In diesem Skript haben wir einfach das HTML-Style-Tag verwendet, gefolgt vom Hintergrund-Color-Attribut für die Verwendung verschiedener Hintergründe für unseren Text.

Unser Beispieltext mit unterschiedlichen Hintergrundfarben wird auf der folgenden Webseite angezeigt:

Abschluss

Dieser Artikel konzentrierte sich auf das Style -Tag von HTML. Um die Bedeutung dieses HTML -Tags hervorzuheben, haben wir Ihnen fünf verschiedene Beispiele demonstriert, die dieses Tag auf verschiedene Weise verwendet haben. Wenn Sie diese Beispiele befolgen, können Sie die Schriftstil, Schriftgröße, Schriftfarbe, Textausrichtung und Texthintergrund Ihrer Webseite problemlos ändern.