Belajar HTML Part 4: Cara Membuat Heading Di HTML

Cara Membuat Heading Di HTML


Heading ditentukan dengan tag <h1> sampai <h6>.

<h1> mendefinisikan judul yang paling penting. <h6> mendefinisikan pos paling tidak penting.



Contoh Heading:

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

</html>

Catatan: Browser secara otomatis akan menambahkan beberapa spasi(margin) sebelum dan sesudah sebuah heading.

Hasil Code:


Pos Penting


Mesin pencari menggunakan judul untuk mengindeks struktur dan isi halaman web Anda.

Pengguna menelusuri halaman Anda dengan judulnya. Penting untuk menggunakan judul untuk menunjukkan struktur dokumen.

Judul <h1> harus digunakan untuk judul utama, diikuti judul <h2>, maka yang kurang penting <h3>, dan seterusnya.

Catatan: Gunakan judul HTML untuk judul saja. Jangan gunakan judul untuk membuat teks BESAR atau tebal.

Pos lebih besar


Setiap judul HTML memiliki ukuran default. Namun, Anda dapat menentukan ukuran untuk judul dengan atribut style:

<h1 style="font-size:60px;">Heading 1</h1>

Tag <hr> dalam HTML


Tag <hr> mendefinisikan tayangan tematik di halaman HTML, dan paling sering ditampilkan sebagai aturan horizontal.

Elemen <hr> digunakan untuk memisahkan konten (atau menentukan perubahan) pada halaman HTML:

Contoh Teks HTML:

<!DOCTYPE html>
<html>
<body>
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
</body>

</html>

Hasil Code:


Elemen <head> HTML


Elemen <head> HTML tidak ada hubungannya dengan judul HTML.

Elemen <head> adalah wadah untuk metadata. Metadata HTML adalah data tentang dokumen HTML. Metadata tidak ditampilkan.

Elemen <head> ditempatkan di antara tag <html> dan tag <body>:

Contoh Code:

<!DOCTYPE html>
<html>
<head>
  <title>My First HTML</title>
  <meta charset="UTF-8">
</head>
<body>
<p>The HTML head element contains meta data.</p>
<p>Meta data is data about the HTML document.</p>
</body>

</html>

Catatan: Metadata biasanya menentukan judul dokumen, kumpulan karakter, gaya, tautan, skrip, dan informasi meta lainnya.

HTML Tag Reference

Tag Description
<html>

Mendefinisikan akar dokumen HTML
<body> Mendefinisikan tubuh dokumen
<head>  Sebuah wadah untuk semua elemen kepala (judul, skrip, gaya, informasi meta, dan lainnya)
<h1> to <h6>  Mendefinisikan judul HTML
<hr>  Mendefinisikan perubahan tematik dalam konten


Belajar HTML Secara Lengkap Disini:
1. Tutorial HTML Bagian 1
2. Tutorial HTML Bagian 2