Perbedaan <div>, <p> dan <span>

Perbedaan utama antara <div>, <span> dan <p> pada HTML terletak pada sifat tampilannya (block atau inline) serta fungsi semantiknya untuk mengelompokkan konten. Secara singkat perbedaannya dapat dijelaskan sbb:

• <div> atau division merupakan elemen block-level generik untuk mengelompokkan bagian besar atau tata letak halaman.
• <p> atau paragraph) merupakan elemen block-level khusus untuk membuat paragraf baru dalam bentuk teks.
• <span> merupakan elemen inline generik untuk menandai atau mengubah bagian kecil dari teks yang ada dalam paragraf tertentu.

Contoh

• <div style="text-align: none;font-family: Time New Roman;font-size: 10px;color: #0000ff;line-height: 20px; padding-top: 5px;padding-bottom: 5px;">Bahwa sesungguhnya Kemerdekaan itu ialah hak segala bangsa dan oleh sebab itu, maka penjajahan di atas dunia harus dihapuskan, karena tidak sesuai dengan perikemanusiaan dan perikeadilan.</div>
• <p style="text-align: none;font-family: Time New Roman;font-size: 10px;color: #0000ff;line-height: 20px; padding-top: 5px;padding-bottom: 5px;">Bahwa sesungguhnya Kemerdekaan itu ialah hak segala bangsa dan oleh sebab itu, maka penjajahan di atas dunia harus dihapuskan, karena tidak sesuai dengan perikemanusiaan dan perikeadilan.</p>
• <span style="text-align: none;font-family: Time New Roman;font-size: 10px;color: #0000ff;line-height: 20px; padding-top: 5px;padding-bottom: 5px;">Bahwa sesungguhnya Kemerdekaan itu ialah hak segala bangsa dan oleh sebab itu, maka penjajahan di atas dunia harus dihapuskan, karena tidak sesuai dengan perikemanusiaan dan perikeadilan.</span>

Bahwa sesungguhnya Kemerdekaan itu ialah hak segala bangsa dan oleh sebab itu, maka penjajahan di atas dunia harus dihapuskan, karena tidak sesuai dengan perikemanusiaan dan perikeadilan.

Bahwa sesungguhnya Kemerdekaan itu ialah hak segala bangsa dan oleh sebab itu, maka penjajahan di atas dunia harus dihapuskan, karena tidak sesuai dengan perikemanusiaan dan perikeadilan.

Bahwa sesungguhnya Kemerdekaan itu ialah hak segala bangsa dan oleh sebab itu, maka penjajahan di atas dunia harus dihapuskan, karena tidak sesuai dengan perikemanusiaan dan perikeadilan.

Times New Roman Arial (default) Bookman Old Style Comic Sans Ms Courier Georgia Lucida Handwriting Monotype Corsiva Tahoma Trebuchet Ms Verdana 8 10 12 14 16 18 24

Postingan ini dilengkapi fasilitas pengaturan jenis dan ukuran font. Pilih dan atur sesuai selera agar nyaman di mata. Terima Kasih.