Fullstack Javascript Path
01.3. HTML - Headings

Headings

Judul pada HTML bisa di buat menggunakan tag h1 sampai h6, semakin besar angka semakin kecil ukuran fontnya.

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

judul 1

judul 2

judul 3

judul 4

judul 5
judul 6

yak, gitu jadinya akh

Heading 1

Biasanya hanya terdapat 1 heading 1 disetiap halaman yang dikunjungi.

ini memudahkan mesin pencari untuk memfilter mana yang akan di masukkan ke dalam pencarian mereka sebagai tagline.

bayangin kita baca koran isi judulnya judul utama semua, dan yaaa ketika banyak judul utama, jadi tidak ada lagi yang utama. :v

Heading 2

heading 2 adalah sub judul dari heading 1, biasanya digunakan untuk membagi bagian dari heading 1. bisa multiple

Heading 3

heading 3 adalah sub judul dari heading 2, biasanya digunakan untuk membagi bagian dari heading 2. bisa multiple

...

dan seterusnya

<!doctype html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>
    <h1>Judul utama</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum fuga harum neque nostrum officiis sit. Consectetur dolore ipsa iusto quis voluptatem. Accusamus ad aliquam doloremque dolores minima nisi praesentium veniam?</p>
 
    <h2>judul ke 2</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem error, eveniet ipsum natus neque perferendis placeat possimus quam sequi veritatis. A debitis dolores ea eligendi ex fugit mollitia nostrum quidem.</p>
    <h3>judul ke 3</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse, et!</p>
    <h3>judul ke 3</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, eum.</p>
 
    <h2>judul ke 2</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem error, eveniet ipsum natus neque perferendis placeat possimus quam sequi veritatis. A debitis dolores ea eligendi ex fugit mollitia nostrum quidem.</p>
    <h3>judul ke 3</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse, et!</p>
    <h3>judul ke 3</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, eum.</p>
    <h4>judul ke 4</h4>
    <p>Lorem ipsum dolor sit amet.</p>
    <p>Lorem ipsum dolor sit amet.</p>
    <p>Lorem ipsum dolor sit amet.</p>
</body>
</html>