Tag html div | wyjaśnione

Div odnosi się do podziału lub sekcji w dokumencie HTML. Jest to pusty pojemnik, który może zawierać różne elementy HTML. Celem DIV jest dodanie określonych stylów CSS do elementów użytych w odpowiednim znaczniku Div. Tag DIV należy do kategorii bloków HTML, a zatem uruchamia nową linię za każdym razem, gdy jest inicjowana.

Div może zawierać kilka innych podziałów, a każda div zawiera różne właściwości stylizacji. Głównym celem DIV jest stworzenie grupy podobnych rodzajów elementów, aby można je było łatwo stylizować. Ze względu na swoją rozszerzoną funkcjonalność jest on określany jako klawisz podczas opracowywania strony internetowej za pomocą HTML. W tym artykule zademonstrowaliśmy działanie tagu div, a kilka przykładów ilustruje się, aby pokazać użycie tagu div.

Jak działa tag html div

Tag Div obejmuje tagi początkowe i zamykające, a następująca składnia służy do utworzenia div w HTML.

Wszystko, co napisane między tymi tagami, przyjmie wartości ustalone dla tego Div. Aby uzyskać podstawowe zrozumienie, DIV jest tworzony przy użyciu następującego kodu.

Div jest tworzony na stronie internetowej

To jest div

Kod jest opisany w następujący sposób:

- Tytuł strony będzie „tagiem div”

- Tło ciała jest ustawione na „Light Sea Green”

- Utworzono div, a jego kolor tła jest ustawiony na „żółty”

- akapit jest tworzony w Div Tag

Obraz kodu znajduje się poniżej:

Wyjście strony internetowej pokazano poniżej:

Z powyższego wyjścia można poczynić następujące obserwacje:

- Tag Div tworzy nową linię

- zajmuje całą szerokość (jeśli limit nie jest ustawiony) strony

Jak używać tagu html div

Podstawowe działanie znacznika DIV jest wyjaśnione w powyższej sekcji. Jednak w tej sekcji wyjaśniono użycie znacznika HTML Div w różnych scenariuszach. Jak wspomniano wcześniej, wiele elementów jest zawartych w DIV, aby stylizować wszystkie te elementy w podobny sposób. Ponieważ stylizacja jest możliwa w przypadku CSS, zaleca się użycie inline lub zewnętrznej klasy CSS.

Przykład 1: Za pomocą znacznika div HTML z wieloma klasami CSS

Tag Div może być używany z wieloma klasami CSS. Aby ćwiczyć tę funkcjonalność, używany jest następujący kod HTML:

Div wykorzystujący dwie klasy CSS

Witamy w Linuxhint

Dolina technologii

Kod opisano poniżej:

- Dwie klasy CSS są tworzone o nazwie „Kolor” i „Misc”.

- Klasa kolorów definiuje „kolor tła” i „kolor czcionki”, podczas gdy klasa MISC zawiera „szerokość”, „wyściółka” i „styl czcionki”

- Div jest tworzony z atrybutem klasy i używany w nim nazwa obu klas

- Trzy elementy HTML

,

i są używane w Div

Notatka: Korzystając z wielu nazw klas w atrybucie klasy DIV, musisz dodać miejsce między nazwami klas, aby wyróżnić obie klasy.

Obraz kodu znajduje się poniżej:

Wyjście kodu HTML na stronie internetowej pokazano poniżej:

Przykład 2: Za pomocą wielu tagów DIV

Używanie wielu div jest mylącą częścią znacznika HTML Div. Poniższy kod HTML odnosi się do używania wielu div z różnymi

Pierwszy div

Witamy w Linuxhint

Drugi div

wiodący dostawca treści

Kod jest opisany jako:

- stworzył dwie klasy CSS o nazwie „First” i „drugi”

- Klasa „Pierwsza” definiuje „kolor tła”, „Kolor czcionki”, szerokość, „Float”

- Klasa „druga” ma właściwości takie jak „kolor tła”, „szerokość”, „pływak”

- Div jest inicjowany atrybutem klasy i „pierwszy” jako wartość atrybutu

- Kolejna div jest tworzona z „drugim” jako wartością atrybutu klasowego

Obraz kodu pokazano poniżej:

Wyjście strony internetowej pokazano poniżej:

Wniosek

Tag DIV w HTML odnosi się do tworzenia kontenera, który umożliwia tworzenie grupy elementów HTML, które można zaprojektować w ten sam sposób. W tym artykule pokazano mechanizm pracy znacznika div. Dodatkowo stwierdzono kilka przykładów, które pokazują, w jaki sposób znacznik DIV HTML może być używany w różnych scenariuszach.