Minggu, Juli 25, 2021
BerandaTutorial Belajar HTMLPerbedaan Block Element dengan Inline Element tag HTML

Perbedaan Block Element dengan Inline Element tag HTML

Perbedaan Block Element dengan Inline Element tag HTML
Kali ini kita akan belajar tentang tag block element dan tag inline element, sebelum kita bahas lebih jauh ketahui dulu apa itu block element dan inline element.
dalam HTML terdapat 2 jenis kelompok tag, tag bertipe block element dan tag dengan tipe inline element. Sebenarnya keduanya tidak jauh berbeda, hanya berbeda ketika di tampilkan di browser.

Block Level Element Html

Blok berarti terpisah, Tag html dengan tipe block level element, berfungsi untuk membagi halaman. Text dalam tag yang satu terpisah dengan text dalam tag yang lain. Contoh tag dalam block level element adalah tag <h1> – <h6> tag <p> tag <form> dan tag list (<ol> atau <ul>).

Contoh block level element

Lihat hasil dari code html diatas, semua tag ditampilkan di baris baru, dan ada jarak space dari baris sebelumnya. inilah block element akan memisahkan diri dari tag lainnya.

Inline Level Element Html

Iniline berarti dalam garis, inline level element kebalikan dari block level element, tag tipe inline level element akan menyatu dengan tag lainnya. Tag inline tidak ada jarak space dari tag sebelumnya. Contoh dari tag inline ini adalah: <em>, <i>,<strong> dan <b>.

Contoh tag inline html

Lihat contoh diatas semua tag tidak ditampilkan dengan baris baru, semua text dalam tag menyatu dengan text lainnya. Inilah inline element.
Sebenarnya kita bisa manipulasi tampilan text dengan css, disini kita belajar tentang html dulu kalau cssnya akan kita pelajari setelah ini.
Lanjut ke [su_button url=”https://phpdanmysql.com/” style=”flat” background=”#505050″ icon=”icon: long-arrow-right”]Membuat Huruf Miring dalam HTML[/su_button]inline elements css apa, untk block elemen pake tag apa

Video Terbaru

RELATED ARTICLES

Apa yang anda pikirkan?

Most Popular