bertujuan untuk membagi halaman HTML menjadi bagian yang terpisah, atau menjadi ‘blok’. Contoh dari blok elemen ini adalah tag paragraf (<p>), list (<ol> atau <ul>), dan heading (<h1> s/d <h6>). Block element akan ditampilkan terpisah dari seluruh tag sebelum dan sesudahnya.
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 baru 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>.
Elemen semantik adalah elemen-elemen yang menyatakan makna atau tujuan dari elemen itu sendiri.
<article>— untuk membuat elemen artikel;<aside>— untuk membuat elemen bagian samping;<details>— untuk membuat elemen datail atau spoiler;<figcaption>— untuk membuat teks caption pada figure;<figure>— untuk membuat figur atau gambar pada artikel;<footer>— untuk membuat elemen bagian kaki dari web;<header>— untuk mebuat kepala kop dari web;<main>— untuk membuat elemen utama;<mark>— untuk menandai teks;<nav>— untuk membuat navigasi;<section>— untuk membuat bagian artikel;<summary>— untuk membuat ringkasan artikel atau isi spoiler;<time>— untuk membuat elemen yang menyatakan waktu;- dan masih banyak lagi.
non semantic: span div
Css adalah singkatan dari Cascading Style Sheet yang dipergunakan untuk menentukan tampilan dan format pada sebuah website. Artinya, dengan adanya CSS bisa mengatur mulai dari font, warna tulisan dan latar belakang pada website tersebut.