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

    2. DIV jest elementem blokowym, może zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe. Został on pomyślany do tworzenia obszerniejszych struktur.

    < div style="cecha: wartość; cecha2: wartość2...">...

    Z div'a powinno się korzystać kiedy potrzebujemy wyodrębnić poszczególne bloki w układzie dokumentu, na przykład lewa kolumna, menu nawigacyjne, stopka.

    Służy do utworzenia sekcji (bloku) w pliku HTML w celu ich sformatowania za pomocą arkusza stylów CSS.

    DIV odgrywa istotną rolę w grupowaniu wielu różnych elementów i pozycjonowaniu fragmentów dokumentu.

    ALIGN="ustawienie"
    Poziome ustawienie (wyrównanie) z uwzględnieniem otoczenia (zdeprecjonowane):
            center - wyśrodkowanie
            justify - wyrównanie do obu marginesów jednocześnie
            left - wyrównanie do lewej
            right - wyrównanie do prawej



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

    3. Elementy wyświetlanie w linii (SPAN) jest elementem liniowym nie mogą zawierać elementów blokowych, ale mogą inne elementy wyświetlane w linii oraz zwykły tekst.

    < span style="cecha1: wartość1; cecha2: wartość2...">...

    Jeśli chcemy w paragrafie część tekstu wyróżnić czerwonym kolorem, do wyodrębnienia tego tekstu nie możemy użyć elementu div (paragraf

    z zasady nie może zawierać elementów blokowych) tylko span.

    Wewnątrz DIV można oczywiście wpisać również SPAN.

    Opis:
    Znacznik < span>... pozwala na objęcie pewnego większego fragmentu dokumentu. Pojedynczym znacznikiem < span>... możemy objąć kilka różnych elementów, które są wyświetlane w linii (sam element SPAN tak właśnie jest wyświetlany), np. wytłuszczenie tekstu oraz kursywę. Element ten tak dobrze nadaje się do osadzania stylów, ponieważ sam w sobie nie ma określonego żadnego formatowania, które mogłoby kolidować z efektem, jaki chcemy uzyskać.




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

    4. 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.

    Span'em wyodrębniamy elementy liniowe (najczęściej fragmenty tekstu) a divem blokowe (blokowe elementy, większe fragmenty struktury składające się na układ strony)




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

    1. 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".
      Przykład: < span>, < em>, < strong>

    2. 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".
      Przykład: < div>, < p>, < article>

    3. 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, elementom liniowo blokowym przeglądarka ustawia właściwość "display" na "inline-block".
      Przykład: <'input'>, <'textarea'>