1. Opis znacznika DIV.

    1. Element blokowy (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.

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

    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.

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

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

      1. ALIGN
      2. CLASS
      3. DIR
      4. ID
      5. LANG
      6. STYLE
      7. TITLE

      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.

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

    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 <p> z zasady nie może zawierać elementów blokowych) tylko span.

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

      Znacznik <span>...</span> pozwala na objęcie pewnego większego fragmentu dokumentu.
      Pojedynczym znacznikiem <span>...</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).
    Dodatkowo DIV domyślnie jest wyświetlany w bloku. Natomiast SPAN w linii.

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

    1. liniowe – <span>, <em>, <strong>
    2. blokowe – <div>, <p>, <article>
    3. liniowo-blokowe – <input>, <textarea>

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

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

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