1. Opis znacznika DIV




    1. Element blokowy (DIV)jest elementem blokowymmoże zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe. Zostałon pomyślany do tworzenia obszerniejszych struktur.
    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, stop
    3. Służy do utworzenia sekcji (bloku) w pliku HTML wcelu 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.

    Atrybuty:
    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
    CLASS="klasa"
    DIR="kierunek"
    ID="nazwa"
    LANG="język
    STYLE="styl
    TITLE="tekst

  2. Opis znacznika SPAN


    1. Elementy wyświetlanie w linii (SPAN)jest elementem liniowymnie mogą zawierać elementów blokowych, ale mogą inne elementy wyświetlane w linii oraz zwykły teks
    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. Wewnątrz DIV można oczywiście wpisać również SPAN.

    Składnia teorytyczna:


    Opis:

  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'emwyodrębniamy elementy
    liniowe(najczęściej fragmenty tekstu) a divemblokowe(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. Rodzaje elementów/tagów ze względu na sposób wyświetlania w przeglądarce




    5. Elementy liniowenie 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, elementomliniowo blokowymprzeglądarka ustawia właściwość "display" na "inline-block".