Kod HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Korotkov</title> </head> <body> <!-- początekbloku DIV 3 --> <div style="background-color: fuchsia; width: 1090px"> <span style="color: teal;font-size: 1.4cm;font-family: Arial;"> Różnica między znacznikami DIV i SPAN (blok 3)-->1P </span> <br/> <span style="font-family: Arial, Helvetica, sans-serif; font-size: 7mm; color: green;"><br /> <ul type="circle"> <li> <b><u>Span'em wyobrębniamy elementy liniowe</u></b> (najczęściej fragmenty tekstu) a <b><u>divem blokowe</u></b> elementy, większe fragmenty struktury składające się na układ strony. </li> <li>Dodatkowo DIV domyślnie jest wyświtlany w bloku. Natomiast SPAN w linii. </li> </ul> </span> </div> <!-- koniec bloku DIV --> <!-- początekbloku DIV 2 --> <div style="background-color: green; width: 990px"> <span style="color: silver;font-size: 1.6cm;font-family: Arial;"> Znacznik SPAN (blok 2)--> <br>06.03.2026 10:52 </span> <br/> <span style="font-family: Arial, Helvetica, sans-serif; font-size: 7mm; color: purple;"><br /> <ul type="square"> <li> <b><u>Elemety wyświetlanie w linii (SPAN)</u></b> jest elementem liniowym nie mogą zawierać elementów blokowych, ale mogą inne elementy wyświtlane w linii oraz zwykłe tekstem. </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ć elemetów blokowych) tylko span. Wewnątz DIV można oczywiście wpisać również SPAN. </li> </ul> </span> </div> <!-- koniec bloku DIV --> <!-- początekbloku DIV 1 --> <div style="background-color: lime; width: 1190px"> <span style="color: navy;font-size: 1.2cm;font-family: Arial;"> Znacznik DIV (blok 1)-->Korotkov </span> <br/> <span style="font-size: 7mm;font-family: Times New Roman;"> <b><u> Element blokowy (DIV)</u></b> 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. </span> <span style="font-family: Arial, Helvetica, sans-serif; font-size: 9mm; color: maroon;"><br /> Zastosowanie DIV <ul > <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> </span> </div> <!-- koniec bloku DIV --> </body> </html> <!--Artem Korotko-->