, , , , , 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 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 TextSie 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
Html
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
divAls 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)”:
SpanneIm 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 ">”:
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.