>Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="content">
<div id="article_1">
<p>......Isi dari artikel.....</p>
</div>
</div>
<div id="sidebar">
<h1>Artikel Terbaru</h1>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</div>
<div id="footer">
<p>Footer - Copyright Kuy-Belajar 2016</p>
</div>
</body>
</html>
Ketika Anda menjalankan kode HTML di atas, maka hasilnya akan seperti berikutStuktur web diatas umum ditemukan pada web modern yang menggunakan CSS untuk men-style halaman tersebut. Perhatikan bahwa masing-masing tag
memiliki atribut id yang membedakannya dengan tag
lainnya.
Jenis tag Block-line atau Block-style adalah sekelompok tag yang 'ingin' berdiri sendiri, dan memisahkan diri dari tag-tag yang ada di sekitarnya. Tag Block Style umumnya akan muncul pada baris baru dan secara otomatis menambahkan spasi (enter) di akhir tag.
Contoh tag Block-line yaitu tag paragraf (
Perbedaan antara Div Tag dan Span Tag dalam HTML
Secara garis besar tag pada HTML dapat dibedakan menjadi 2 jenis yaitu Block-line dan In-lineJenis tag Block-line atau Block-style adalah sekelompok tag yang 'ingin' berdiri sendiri, dan memisahkan diri dari tag-tag yang ada di sekitarnya. Tag Block Style umumnya akan muncul pada baris baru dan secara otomatis menambahkan spasi (enter) di akhir tag.
Contoh tag Block-line yaitu tag paragraf (
), heading (