Belajar Element HTML: <h1>

Tag <h1> mewakili judul level 1 dalam dokumen HTML.

HTML terdiri dari 6 level judul yang diberi peringkat berdasarkan keperluan. Yaitu <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>.

Judul dengan peringkat tertinggi disebut dengan tag h1 (ukuran teks terbesar), dan peringkat terendah disebut tag <h6> (ukuran teks terkecil).

Browser biasanya memuat judul dalam berbagai ukuran - dengan <h1> sebagai yang terbesar dan <h6> sebagai yang terkecil.

Syntax

Tag <h1> ditulis seperti <h1></h1> dengan teks judul diletakkan diantara tag pembuka dan penutup.

<h1>Heading</h1>

<h1>Judul 1</h1>
<p>Teks Paragraf...</p>

Perbandingan ukuran Judul

<h1>Judul 1</h1>
<p>Teks paragraf ...</p>
<h2>Judul 2</h2>
<p>Teks paragraf ...</p>
<h3>Judul 3</h3>
<p>Teks paragraf ...</p>
<h4>Judul 4</h4>
<p>Teks paragraf ...</p>
<h5>Judul 5</h5>
<p>Teks paragraf ...</p>
<h6>Judul 6</h6>
<p>Teks paragraf ...</p>

Pengaturan Default CSS

Sebagian besar browser menampilkan elemen <h1> dengan pengaturan CSS:

h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}