KOD HTML

<div style="background-color: silver; width: 985px"> 
 
 Znacznik DIV (blok 1)--> Gadomska
 
 
 
 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. 
 
 
 Zastosowanie DIV 
 <ul type="square"> 
 <li> 
 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. 
 </li> 
 <li>Służy do utworzenia sekcji (bloku) w pliku HTML w celu ich sformatowania za 
pomocą arkusza stylów CSS.</li> 
 </ul> 
 
 </div>

<div style="background-color: red; width: 1085px"> 
 
 Znacznik SPAN (blok 2)--> 18:12
 
 
 
 <ul type="circle" style="color:purple;"> 
 <li>Elementy wyświetlane w lini (SPAN) jest elementem liniowym, nie mogą zawierać elementów blokowych, ale mogąinne elementy wyświetlane w linii oraz zwykły tekst. </li> 
 
 
 
 <li>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.</li> 
 </ul> 
 
 </div>

<div style="background-color: maroon; width: 1085px"> 
 
 Różnica między znacznikami DIV i SPAN (blok 3)--> 2f1
 
 
 
 <ul type="circle" style="color:red;"> 
 Span'em wyodrębniamy elementy liniowe (najczęściej fragmenty tekstu) a divem blokowe elementy, większe fragmenty struktury składające się na układ strony.
 
 
 <li> 
 Dodatkowo DIV domyślnie jest wyświetlany w bloku. Natomiast SPAN w lini
 </li>
 </ul> 
 
 </div>