Tag HTML Span

Tag HTML Span
Strona internetowa składa się z wielu tagów, w tym

,

, , , , , i wiele więcej. Tego rodzaju tagi służą do tworzenia różnych rodzajów treści, takich jak nagłówki, akapity i divs. Na przykład,

Tagi służą do tworzenia nagłówków,

tagi do tworzenia akapitów i tagów do tworzenia wbudowanego kontenera.

W tym podręczniku opowiemy o „”Tag. A więc zacznijmy!

Tag HTML

HTML Knoting to pojemniki wbudowane do zawierania elementów inline. Elementy wbudowane są pogrupowane z znacznikiem rozpiętości, co nie zmienia ich wyglądu wizualnego. W HTML możesz użyć „”Tag, aby utworzyć element Span. Zamknięcie znacznika rozpiętości jest obowiązkowe, ponieważ jest to sparowany znacznik z tagami otwierania i zamykania.

Składnia

Składnia znacznika podano poniżej:

Jakiś tekst

Możesz dodać tekst wewnątrz i tagi.

Przejdźmy do przykładu, w którym użyjemy „”Tag, aby utworzyć element Span.

Przykład: Tworzenie elementu rozpiętości

W HTML utworzymy div i dodamy do niego nagłówek za pomocą

etykietka. Następnie utworzymy element rozpiętości za pomocą „”Oznacz i dodaj do niego wymagany tekst.

Html



Co to jest tag


To jest znacznik Span

Korzystając z powyższego kodu, uzyskano następujące dane wyjściowe:

Teraz stygnij utworzony pojemnik za pomocą „div". Tutaj ustawimy wysokość Div jako „200px”I kolor tła Div jako„RGB (240, 195, 195)". Następnie ustaw granicę szerokości DIV jako „4px”, Styl jako„rowek", i kolor "RGB (53, 1, 10)".

CSS

div
Wysokość: 200px;
kolor tła: RGB (240, 195, 195);
granica: 4px rowek RGB (53, 1, 10);

Następnie użyj „Zakres„Aby uzyskać dostęp do elementu rozpiętości i ustawić kolor rozpiętości jako„RGB (35, 243, 63)”:

Zakres
Tło: RGB (35, 243, 63);

Na zdjęciu poniżej widać, że element rozpiętości jest stylizowany:

Wskazówka bonusowa: stylizacja elementu rozpiętości

Możesz także stylizować element rozpiętości specjalnie za pomocą stylizacji in-line. Aby to zrobić, użyj „styl”Wewnątrz otworu„<”Wspornik i ustaw kolor elementu rozpiętości jako„RGB (0, 17, 255)”I zamknij początkowe wspornik jako„>”:



Co to jest tag


To jest znacznik Span

Korzystając z powyższego kodu, uzyskano następujące dane wyjściowe:

Otóż ​​to! Wyjaśniliśmy znacznik Span.

Wniosek

W HTML „The””Tag służy do utworzenia kontenera Span. Jest to wbudowany pojemnik używany do treści tekstur i do celów stylizacji. Możesz stylizować element rozpiętości zarówno w zewnętrznym CSS, jak i w linii CSS. W tym podręczniku omówiliśmy tag i przedstawiliśmy przykład do stworzenia i stylu elementu rozpiętości dla lepszego zrozumienia.