Resdeby Almustofa

Dec 04, 2021

HTML Inline and Block Elements

Tipe Elemen

Dalam HTML, sebagian besar elemen didefinisikan sebagai level blok atau elemen sebaris. Elemen level blok mulai dari baris baru, Misalnya: <h1>, <form>, <li>, <ol>, <ul>, <p>, <pre>, <table>, <div>, dll.

Elemen sebaris biasanya ditampilkan tanpa tanda jeda baris. Misalnya: <b>, <a>, <strong>, <img>, <input>, <em>, <span>, dll.

Elemen <div> adalah element blok yang sering digunakan sebagai wadah untuk elemen HTML lainnya. Saat digunakan bersama dengan beberapa gaya CSS, elemen <div> dapat digunakan untuk menanta blok konten:

Hasilnya di browser:

Demikian pula, elemen <span> adalah elemen sebaris yang sering digunakan sebagai wadah untuk beberapa teks. Saat digunakan bersama dengan CSS, elemen <span> dapat digunakan untuk menata bagian teks:

Hasilnya do browser:

Elemen lain dapat digunakan baik sebagai elemen blok level atau elemen sebaris. Ini termasuk elemen-elemen berikut:

Anda dapat memasukkan elemen sebaris di dalam elemen blok. Misalnya, Anda dapat memiliki beberapa elemen <span> di dalam elemen <div>.