HTML Block dan Inline Elements

Setiap elemen HTML memiliki nilai tampilan default tergantung pada jenis elemen itu. Tampilan nilai default untuk sebagian besar elemen adalah blok atau inline.

Elemen blok-tingkat

Sebuah elemen blok-tingkat selalu dimulai pada baris baru dan mengambil lebar penuh yang tersedia (membentang ke kiri dan kanan sejauh itu bisa).
Elemen div adalah elemen blok-tingkat.

Contoh unsur blok-tingkat:

     <div>
     <h1> - <h6>
     <p>
     <form>

-Inline Elements

Sebuah elemen inline tidak dimulai pada baris baru dan hanya membutuhkan sebanyak lebar yang diperlukan.

Ini adalah inline span elemen dalam sebuah paragraf.

Contoh elemen inline:

London

London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

-span Elemen

span elemen merupakan elemen inline yang sering digunakan sebagai wadah untuk beberapa teks.

span elemen tidak memiliki atribut yang diperlukan, tapi gaya dan kelas yang umum.

Ketika digunakan bersama dengan CSS, span elemen dapat digunakan untuk style bagian dari teks:

<h1>My <span style="color:red">Important</span> Heading</h1>

maka hasilnya akan seperti ini:

HTML-Block-Inline