HTML Span Tag

HTML Span Tag
Eine Webseite besteht aus zahlreichen Tags, einschließlich

,

, , , , , und viele mehr. Diese Arten von Tags werden verwendet, um verschiedene Arten von Inhalten zu erstellen, z. B. Überschriften, Absätze und Divs. Zum Beispiel,

Tags werden zum Erstellen von Überschriften verwendet,

Tags zum Erstellen von Absätzen und Tags zum Erstellen eines Inline -Containers.

In diesem Handbuch werden wir speziell über die “sprechen“" Schild. So lass uns anfangen!

HTML -Tag

HTML -Spans sind Inline -Container, die zur Einbeziehung von Inline -Elementen verwendet werden. Inline -Elemente werden mit dem Span -Tag gruppiert, das ihr visuelles Erscheinungsbild nicht ändert. In HTML können Sie das verwenden “”Tag, um ein Spannelement zu erstellen. Es ist obligatorisch, das Span -Tag zu schließen, da es sich um ein gepaartes Tag mit dem Öffnungs- und Schluss -Tags handelt.

Syntax

Die Syntax von Tag ist unten angegeben:

Etwas Text

Sie können den Text in die und Tags hinzufügen.

Lassen Sie uns zu dem Beispiel wechseln, in dem wir das verwenden werden”Tag, um ein Spannelement zu erstellen.

Beispiel: Erstellen eines Spannelements

In HTML erstellen wir eine Div

Schild. Danach erstellen wir ein Spannelement mit der “Tag und fügen Sie den erforderlichen Text hinzu.

Html



Was ist Span -Tag


Dies ist ein Span -Tag

Mit dem obigen Code wird die folgende Ausgabe erhalten:

Style nun den erstellten Container mit dem “div”. Hier setzen wir die Höhe des Div als “als"200px"Und die Hintergrundfarbe der Div als" als "RGB (240, 195, 195)”. Setzen Sie danach den Grenze der Div -Breite als “4px", Stil als"Rille", und Farbe "RGB (53, 1, 10)”.

CSS

div
Höhe: 200px;
Hintergrundfarbe: RGB (240, 195, 195);
Grenze: 4px Groove RGB (53, 1, 10);

Als nächstes verwenden Sie “Spanne”Um auf das Span -Element zuzugreifen und die Farbe der Spannweite als" festlegen "festlegen" als "als"RGB (35, 243, 63)”:

Spanne
Hintergrund: RGB (35, 243, 63);

Im folgenden Bild können Sie sehen, dass das Span-Element gestaltet ist:

Bonus-Tipp: Inline-Styling des Span-Elements

Sie können das Span-Element auch mit dem Inline-Styling spezifisch stylen. Um dies zu tun, verwenden Sie “Stil"Innerhalb der Öffnung"<"Klammer und setzen Sie die Farbe des Span -Elements als" ein "RGB (0, 17, 255)"Und schließen Sie die Starthalterung als" als ">”:



Was ist Span -Tag


Dies ist ein Span -Tag

Mit dem obigen Code wird die folgende Ausgabe erhalten:

Das ist es! Wir haben das Span -Tag erklärt.

Abschluss

In HTML die “Das Tag wird verwendet, um einen Spannbehälter zu erstellen. Es ist ein Inline -Container, der für Texturinhalte und zu Stylingzwecken verwendet wird. Sie können das Span-Element sowohl in externen CSS als auch in der Inline-CSS stylen. In diesem Handbuch haben wir das Tag besprochen und ein Beispiel für das Erstellen und Stil von Spannelemente für Ihr besseres Verständnis gegeben.