Kod HTML
<<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hordiienko</title> </head> <body> <!-- początekbloku DIV 1 --> <div style="background-color: fuchsia ; width: 1186 px"> <span style="color:blue;font-size: 1.7cm;font-family: Arial;"> Różnica między znacznikami DIV i SPAN (blok 1)-->Hordiienko </span> <br/> <span style="font-family: Arial, Helvetica, sans-serif; font-size: 8mm; color:gray;"><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 3 --> <div style="background-color:yellow; width: 1086px"> <span style="color: maroon;font-size: 11mm;font-family: Arial;"> Znacznik SPAN (blok 3)--> <br>06.03.2026 10:03 </span> <br/> <span style="font-family: Arial, Helvetica, sans-serif; font-size: 7mm; color: blue;"><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 2 --> <div style="background-color: red; width: 986px"> <span style="color: teal;font-size: 1.4cm;font-family: Arial;"> Znacznik DIV (blok 2)-->1P </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: green;"><br /> Zastosowanie DIV <ul type="circle"></ul> <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> <!--Dmytro Hordiienko-->