Setelah sebelumnya kita telah mempelajari tentang Belajar html Frame., maka berikut ini kita akan lanjutkan Belajar html kita dengan materi Blok Elemen
Secara umum Elemen html dapat dikelompokkan ke dalam dua kelompok besar yaitu : Elemen Blok dan Elemen Inline.
Yang termasuk ke dalam elemen blok adalah : <h1>...<h6> (header), <p>, (paragraf), <ul> (unordered list), <ol> (ordered list), <table> (tabel), dan lainnya.
Elemen-elemen tingkat blok biasanya akan memberikan baris kosong sebelum dan sesudahnya ketika ditampilkan pada halaman browser.
Contoh yang termasuk elemen inline adalah : <b> ( bold=huruf tebal), <a> (anchor ), <td> (table data), <img> (image) dan lainnya.
Elemen-elemen tingkat inline ini tidak memberikan baris kosong baik sebelum maupun sesudahnya ketika tampil pada halaman browser. Elemen inline biasanya digunakan untuk memberi gaya pada text tertentu dan khusus diantara teks di dalam kalimat ataupun paragraf.
Unsur <div> tidak memiliki arti khusus. Kecuali itu, karena elemen <div> merupakan elemen tingkat blok, maka pemakaian elemen ini secara otomatis akan memberikan baris kosong sebelum dan sesudahnya ketika tampil pada halaman browser.
Ketika digunakan bersama dengan CSS, elemen <div> dapat digunakan untuk mengatur gaya atribut pada konten blok besar.
Sebagai contoh, misalnya kita akan mengatur letak gambar pada halaman, maka kita bisa menggunakakan elemen <div> dengan menerapkan atribut style.
Pada contoh ini, elemen <div> digunakan untuk menempatkan sebuah gambar berada di tengah, menggunakan atribut style.
hasilnya seperti ini : 
Penggunaan umum lainnya dari unsur <div> adalah untuk mengatur tata letak dokumen, ini menggantikan "cara lama" mendefinisikan tata letak menggunakan tag table. Menggunakan tag table bukanlah cara yang benar jika digunakan untuk mengatur tata letak. Tujuan dari elemen <table> adalah untuk menampilkan data tabular.
Elemen <span> tidak mempunyai arti khusus. Ketika digunakan bersama dengan CSS, elemen <span> dapat digunakan untuk mengatur gaya pada bagian atribut dari teks.
Sebagai contoh, misalnya kita menggunakan elemen <span> untuk mengatur gaya pada teks tertentu dalam sebuah paragraf.
back to top.
Secara umum Elemen html dapat dikelompokkan ke dalam dua kelompok besar yaitu : Elemen Blok dan Elemen Inline.
Elemen Blok
Yang termasuk ke dalam elemen blok adalah : <h1>...<h6> (header), <p>, (paragraf), <ul> (unordered list), <ol> (ordered list), <table> (tabel), dan lainnya.
Elemen-elemen tingkat blok biasanya akan memberikan baris kosong sebelum dan sesudahnya ketika ditampilkan pada halaman browser.
Elemen Inline
Contoh yang termasuk elemen inline adalah : <b> ( bold=huruf tebal), <a> (anchor ), <td> (table data), <img> (image) dan lainnya.
Elemen-elemen tingkat inline ini tidak memberikan baris kosong baik sebelum maupun sesudahnya ketika tampil pada halaman browser. Elemen inline biasanya digunakan untuk memberi gaya pada text tertentu dan khusus diantara teks di dalam kalimat ataupun paragraf.
Elemen <div>
Unsur <div> adalah tingkat elemen blok yang dapat digunakan sebagai wadah untuk mengelompokan elemen html lainnya.Unsur <div> tidak memiliki arti khusus. Kecuali itu, karena elemen <div> merupakan elemen tingkat blok, maka pemakaian elemen ini secara otomatis akan memberikan baris kosong sebelum dan sesudahnya ketika tampil pada halaman browser.
Ketika digunakan bersama dengan CSS, elemen <div> dapat digunakan untuk mengatur gaya atribut pada konten blok besar.
Sebagai contoh, misalnya kita akan mengatur letak gambar pada halaman, maka kita bisa menggunakakan elemen <div> dengan menerapkan atribut style.
<div style="text-align:center">
<img src="http://alamat/nama.jpg" alt="gambar" style="width:200px; height:100px;" />
</div>
Pada contoh ini, elemen <div> digunakan untuk menempatkan sebuah gambar berada di tengah, menggunakan atribut style.
hasilnya seperti ini :
Elemen <span>
Elemen <span> merupakan elemen inline yang dapat digunakan sebagai wadah untuk teks yang khusus (unik) diantara teks dalam kalimat.Elemen <span> tidak mempunyai arti khusus. Ketika digunakan bersama dengan CSS, elemen <span> dapat digunakan untuk mengatur gaya pada bagian atribut dari teks.
Sebagai contoh, misalnya kita menggunakan elemen <span> untuk mengatur gaya pada teks tertentu dalam sebuah paragraf.
<p>
elemen <span style="color:blue"> <div> </span> tidak mempunyai arti khusus.
</p>
elemen <div> tidak mempunyai arti khusus.
Dari contoh dapat dilihat bahwa elemen <span> digunakan untuk memberi gaya warna biru pada teks "<div>" yang berada diantara teks "elemen" dan teks "tidak" dalam sebuah paragraf.back to top.
