Opis znacznika DIV (jaki to element, składnia ⮕ w ramce, zastosowanie, opis treotyczny, atrybuty ⮕ tylko wymień, opisz tylko ALIGN)

Div to blokowy (block-level) element HTML używany do grupowania innych elementów i tworzenia struktury strony.

<div> zawartość </div>

Zastosowanie: grupowanie elementów (np. sekcji strony), stylowanie za pomocą CSS, tworzenie layoutu strony.
Opis teoretyczny: Div jest neutralny, służy głównie jako kontener do organizacji i stylizacji treści.
Atrybuty : id, class, style, title, align.
Atrybut align określał wyrównanie zawartości wewnątrz div (np. left, right, center, justify). O becnie jest przestarzały (deprecated) i zamiast niego stosuje się CSS (np. text-align).

Opis znacznika SPAN (jaki to element, składnia ⮕ w ramce, zastosowanie, opis treotyczny).

Span to element liniowy (inline), używany do zaznaczania fragmentów tekstu lub innych elementów w obrębie linii.

<span> zawartość </span>

Zastosowanie: wyróżnianie fragmentów tekstu, stylowanie części treści za pomocą CSS, manipulacja elementami przez JavaScript.
Opis teoretyczny: span jest elementem niesemantycznym (neutralnym), podobnie jak div, ale działa w trybie liniowym – nie powoduje przejścia do nowej linii. Służy głównie jako „opakowanie” dla małych fragmentów treści, aby można było je łatwo stylizować lub modyfikować.

Różnica między znacznikami DIV i SPAN.

Obydwa elementy służą jedynie do wyodrębniania części struktury dokumentu, aby docelowo na przykład poprzez arkusze styli osiągnąć zamierzony wygląd strony.

Opisz oraz wymień elementy/tagi: 1)liniowe 2)blokowe 3)blokowo-liniowe.

Elementy liniowe nie spowodują przejścia do nowej linii, będą wyświetlać się obok siebie, w jednej linii. Domyślnie, elementom liniowym przeglądarka ustawia właściwość "display" na "inline". (np. span, em, strong)

Elementy blokowe z kolei będą zachowywać się jak pudełka, które ustawiasz jeden pod drugim, a więc nigdy nie wyświetlą się obok siebie. Domyślnie, elementom blokowym przeglądarka ustawia właściwość "display" na "block". (np. div>, p, article)

Elementy liniowo-blokowe z kolei będą zachowywać się jak liniowe, jeśli chodzi o położenie (a więc wyświetlać będą się obok siebie), natomiast różnią się od nich tym, że możesz nadać im różne wielkości. Ma to sens, np. textarea wyświetla się jako duży prostokąt i zdecydowanie "wychodzi" poza pojedynczą linijkę tekstu.Domyślnie, elementomliniowo blokowymprzeglądarka ustawia właściwość "display" na "inline-block". (np.input, textarea)