HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body style="background-color: #C0C0C0;"> <!-- Block2 --> <div style="background-color: #800000; width: 1000px;"> <span style="color: #0000ff;font-size: 1.6cm;font-family: Arial;"> Znacznik SPAN (blok 2)--></span><span style="font-size: 8mm">13:20 4/8/2025 </span> <ul type="square" style="color: #808080;font-size: 7mm"> <li><b><u>Elementy wyświetlane w lini (SPAN)</u></b> jest elementem liniowym nie mogą zawierać elementów blokowych, ale mogąinne elementy wyświetlane w lini 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 zoże zawierać elementów blokowych) tylko span. wewnątrz DIV można oczywiście wpisać również SPAN</li> </ul> </div> <!-- Block3 --> <div style="background-color: #ff0000; width: 1200px;"> <span style="color: #008000;font-size: 9mm;font-family: Arial;"> Różnica między znacznikami DIV i SPAN (blok 3)--> 2G </span> <ul type="circle" style="font-size: 9mm;color: #808000"> <li><u><b>Span'em wyodrębniamy elementy liniowe </b></u>(najczęściej fragmenty tekst) a <u><b>divem blokowe </b></u> elementy, większe fragnenty struktury składające sie na układ strony.</li> <li>Dodatkowo DIV domyślnie jest wyświetlany w bloku, Natomiast SPAN w linii</li> </ul> </div> <!-- Block1 --> <div style="background-color: #800080; width: 1100px"> <span style="color: #ff00ff;font-size: 1.2cm;font-family: Arial;"> Znacznik DIV (blok 1)-->Michałowski </span> <br /> <span> <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> <br /> Zastosowanie DIV <ul type="circle" style="color: #00ffff;font-size: 8mm;"> <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> </body> </html> <!--Olivier Michałowski-->