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 (stretches out to the left and right as far as it can) .
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 di dalam sebuah paragraf.
Contoh elemen inline:
- <span>
- <a>
- <img>
The <div> Elemen
The <div> elemen adalah elemen blok-tingkat yang sering digunakan sebagai wadah untuk elemen HTML lainnya.
The <div> elemen memiliki atribut wajib, tapi style dan class yang umum.
Ketika digunakan bersama-sama dengan CSS, yang <div> elemen dapat digunakan untuk blok gaya konten:
Contoh
<div style="background-color:black; color:white; padding:20px;">
<h2>London</h2>
<p>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.</p>
</div> Cobalah sendiri " The <span> Elemen
The <span> elemen merupakan elemen inline yang sering digunakan sebagai wadah untuk beberapa teks.
The <span> elemen memiliki atribut wajib, tapi style dan class yang umum.
Ketika digunakan bersama-sama dengan CSS, yang <span> elemen dapat digunakan untuk gaya bagian dari teks:
HTML Pengelompokan Tags
| Menandai | Deskripsi |
|---|---|
| <div> | Mendefinisikan sebuah bagian dalam sebuah dokumen (block-level) |
| <span> | Mendefinisikan sebuah bagian dalam sebuah dokumen (inline) |