Jak korzystać z znacznika <SPAN> w HTML?

Znacznik <span> dość często jest nie doceniany przez osoby, które dopiero zaczynają naukę HTML i CSS. Jest tak dlatego, że nie zdają sobie one sprawy z jego potencjału.

Czym się charakteryzuje SPAN

SPAN ma wiele ciekawych cech. Wśród nich warto wymienić:

  • span nie jest elementem blokowym
  • można go dodawać w dowolnym miejscu np.:
    • w akapicie
    • w menu
    • nagłówku
  • znacznik ten można dostosować do swoich potrzeb, gdyż nie ma domyślnie dopisanych właściwości w przeglądarkach internetowych

Do czego możemy wykorzystać SPAN

Poniżej możecie zobaczyć różne zastosowania znacznika<span>:

Do dodania dodatkowego elementu

Wyrazy, grupy słów umieszczone w <span> posiadają obramowanie:

W tym przykładzie mamy dwa słowa w jednym paragrafie, ale dzięki odpowiedniej zmianie z pomocą <span>:

Do wstawienia innego tła pod tekstem

<span> może nam się również przydać do tworzenia różnych efektów graficznych. Jako obiekt nie blokowy swobodnie może on być dodawany w dowolnym miejscu. Umieszczone w nim obiekty zaś nie uciekają do kolejnych linii (chyba, że będziemy tego chcieli) domyślnie wyglądają jak by go nie było.

Strona główna » Blog » test » Jak korzystać z znacznika <SPAN> w HTML?
Jak korzystać z znacznika <SPAN> w HTML?
aurelia

Recent Posts

Mity o marce osobistej, które warto znać

Jak w przypadku wielu różnych tematów tak i w przypadku marki osobistej pojawiło się przez…

1 tydzień ago

Jakie zawody zastąpi AI? Czy mamy się czego bać?

Choć zabrzmi to może nieco dziwnie to wprowadzenie AI (sztucznej inteligencji) do naszego życia było…

2 tygodnie ago

Widmo Brockenu – co to jest?

Widmo Brockenu to dość rzadko spotykane zjawisko optyczne, najczęściej widywane w wysokich partiach gór. Można…

2 miesiące ago

Relikwie: jak zdobywano, sprzedawano i podrabiano święte przedmioty

Zacznę może od tego, że relikwia, relikwii nie równa. Wiem jeśli nie ma się pojęcia…

2 miesiące ago

Poznaj 6 powodów, dla których warto posiadać logo

Logo stanowi jeden z ważniejszych elementów tożsamości wizualnej praktycznie każdej firmy, marki czy projektu. Logo…

2 miesiące ago

Dlaczego firmy mylą markę osobistą z firmową

Budując własną markę osobistą lub chcąc ją zbudować trzeba liczyć się z wieloma wyzwaniami. Jednym…

2 miesiące ago