Di Dalam HTML itu intinya ada 2 jenis tag, yaitu Tag Block Element dan Tag Inline Elements. Perbedaan antara dari kedua Tag tersebut terletak pada browser dikala membaca atau menampilkan Tag tersebut.
Di dalam HTML, seluruh text atau �isi� halaman web harus berada di dalam atau diantara tag pembuka dan epilog HTML. Tag-tag di dalam HTML dapat dibagi menjadi 2 bagian, yakni tag berjenis block, dan tag berjenis inline.
Tampilan yang menjadi perbedaan block elemen dengan inline elemen tidaklah mutlak. Dengan memakai CSS, kita dapat merubah tampilan block elemen �seolah-olah� menjadi inline elemen dan sebaliknya. Namun alasannya ialah tujuan HTML bukanlah untuk tampilan, melainkan untuk menciptakan struktur halaman web, kita sebaiknya tidak berfokus di dalam tampilan, namun di dalam struktur. Untuk menangani tampilan dari web, sebaiknya memakai CSS.
Perbedaan Block Element dan Inline Element Di HTML
Pengertian Blok Level Element dalam Tag HTML
Tag dengan tipe block level element, bertujuan untuk membagi halaman HTML menjadi bab yang terpisah, atau menjadi �blok�. Contoh dari blok elemen ini ialah tag paragraf (<p>), list (<ol> atau <ul>), dan heading (<h1> s/d <h6>). Block element akan ditampilkan terpisah dari seluruh tag sebelum dan sesudahnya.
Web browser secara default akan menampilkan blok level elemen secara terpisah seperti dalam sebuah �kotak� dan dimulai pada baris gres (tidak mengikuti tag sebelumnya). Dan biasanya juga mempunyai jarak spasi dari tag sebelum dan tag sesudahnya.
Berikut ialah referensi tag <p>, <h2>, dan <ol> di dalam HTML:
<!DOCTYPE html>
<html>
<head>
<title>RuangIlmu</title>
</head>
<body>
<h2>Situs Berbagi Ilmu</h2>
<h4>RuangIlmu</h4>
<p>Tag p dan h1 ialah tag dengan tipe blok</p>
<p>Keduanya akan dimulai di baris baru</p>
<ul>
<li>Tag li juga merupakan blok elemen</li>
<li>dan juga akan berjarak dari tag p sebelumnya</li>
</ul>
</body>
</html>
Pengertian Inline Level Element dalam Tag HTML
Berbeda dengan block level element, tag dengan tipe inline level element akan �menyatu� dengan tag sebelum dan sesudahnya. Tag ini tidak akan memulai blok atau baris gres namun akan tetap berada di dalam blok tersebut. Tag inline juga tidak akan ditampilkan dengan jarak dari tag sebelum dan sesudahnya. Contoh dari tag inline ini adalah: <em>, <i>,<strong> dan <b>.
Berikut ialah referensi dari halaman HTML kita sebelumnya, namun seluruh tag diganti dengan tag inline menyerupai <em>, <i>, dan <b>:
<!DOCTYPE html>
<html>
<head>
<title>RuangIlmu</title>
</head>
<body>
<p><strong>Situs Berbagi Ilmu</strong>
<i>RuangIlmu </i>
<b>Tag i dan em ialah tag dengan tipe inline</b>
<em>Keduanya tidak dimulai di baris baru</em></p>
</body>
</html>
Sumber http://informasigameindo11.blogspot.com
EmoticonEmoticon