Cara Membuat Heading Di HTML

-

  Apa itu Heading?

Heading adalah sebuah judul yang biasanya diberikan pada halaman atau beberapa bagian dari artikel.

Jika kamu sering menulis artikel, pasti ini tidak asing buatmu.


Cara Membuat Heading di HTML

Judul pada HTML dapat kita buat dengan tag <h1> sampai <h6>. Tag <h1> digunakan pada judul level pertama. Lalu tag lainnya digunakan pada sub heading atau level berikutnya.

Masing-masing judul akan ditampilkan dengan ukuran teks yang bebeda. Tag <h1> adalah yang paling besar, dan tag <h6> paling kecil.

Contoh:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Tutorial Heading di HTML</title>
    </head>
    <body>
        <h1>Ini Judul Level 1</h1>
        <h2>Ini Judul Level 2</h2>
        <h3>Ini Judul Level 3</h3>
        <h4>Ini Judul Level 4</h4>
        <h5>Ini Judul Level 5</h5>
        <h6>Ini Judul Level 6</h6>
    </body>
</html>

Tag <h1> biasanya dipakai pada judul artikel. Lalu tag <h2>, <h3>, <h4>, <h5>, dan <h6> dipakai pada sub judul atau sub heading.

Mari kita coba membuat sebuah artikel yang dilengkapi dengan heading. Buatlah file HTML baru kemudian isi dengan kode berikut:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Tutorial Heading di HTML</title>
    </head>
    <body>
        <h1>Belajar Heading di HTML</h1>
        <p>
          Heading di HTML ada enam, yakni H1, H2, H3, H4, H5, dan H6.
          Heading berfungsi untuk membuat judul untuk artikel dan juga
          sub judul pada bagian artikel.
        </p>
        <h2>Membuat Sub Judul</h2>
        <p>
          Sub judul atau sub heading dimulai dengan tag H2. Lalu diikuti
          dengan tag selanjutnya hingga sampai H6. Sementara itu, tag H1
          hanya digunakan untuk judul artikel saja.
        </p>
    </body>
</html>

Berdasarkan pengalaman saya—dalam menulis artikel—tag <h5> dan <h6> jarang sekali dipakai, karena judul yang dibuat hanya sampai pada level 2, 3, dan 4.


Urutan Penulisan Heading

Apakah boleh menulis judul yang tidak urut?

Maksudnya.. seperti menggunakan <h6> untuk judul awal, lalu berikutnya <h4> untuk sub judul.

Ini boleh-boleh saja, tapi kurang bagus untuk SEO. 

Penulisan judul yang bagus adalah judul yang mengikuti levelnya.




Judul <h1> pada level pertama, <h2> pada level ke-2, dan seterusnya.

Atribut untuk Heading

Heading tidak memiliki atribut khusus. Ia biasanya menggunakan atribut globel.

Contohnya seperti:

  • id untuk memberikan nama id unik. Biasanya ini akan digunakan oleh link, CSS, dan Javascript;
  • class untuk memberikan nama class yang akan dipakai oleh CSS;
  • style untuk memberikan kode css secara langsung;
  • title untuk menambahkan informasi tambahan;
  • dll.

Daftar atribut global, bisa kamu lihat di MDN: HTML Global Attributes

Perbedaan Heading dengan Title dan Header

Meskipun sama-sama digunakan untuk urusan judul, tapi tiga elemen ini berbeda.

  • Heading adalah judul untuk artikel dan bagian artikel yang dibuat dengan tag <h1> sampai <h6>
  • Title adalah judul dari web yang dibuat dengan tag <title>
  • Header adalah bagian kepala (kop) pada web yang dibuat dengan tag <header>

Coba perhatikan gambar berikut:

Sudah jelas kan bedanya?

Tag <title> untuk judul yang ditampilkan di web beowser. Tag <header> sama seperti kop surat. Lalu heading <h1> sampai <h6> menjadi judul untuk artikel.











Komentar

Posting Komentar

Postingan populer dari blog ini

website

-
Website Pengertian Website Website adalah kumpulan dari halaman-halaman situs yang terdapat dalam sebuah domain atau subdomain yang berada di dalam  World Wide Web  (WWW) di internet. Alasan seseorang mengunjungi  website  adalah karena konten yang tersedia di  website  tersebut. Contoh website adalah  Google.com  dan  Facebook.com. Penyebaran informasi melalui website sangat cepat dan mencakup area yang luas serta tidak dibatasi oleh jarak dan waktu. Oleh sebab itu, website merupakan sarana penting untuk mendapatkan dan mengelola informasi. Jenis Jenis Website • Website dinamis, yaitu sebuah website yang menyediakan konten atau isi yang selalu berubah setiap saat. Contoh website dinamis adalah media berita daring. • Website statis, merupakan website yang contentnya sangat jarang diubah. Misalnya, profil organisasi dan sebagainya . Berdasarkan tujuannya, jenis website dibedakan sebagai berikut: • Personal website, yaitu situs web yang be...
Baca selengkapnya

Scala

-
Pengertian   Scala merupakan bahasa pemrograman yang menggabungkan paradigma pemrograman yang berorientasi pada objek dengan fungsional. Bahasa pemrograman ini termasuk dalam bahasa pemrograman berorientasi objek murni yang dalam arti bahwa setiap nilai adalah objek. Serta termasuk bahasa pemrograman fungsional yang artinya setiap fungsi adalah nilai. Sama halnya seperti Java, Scala di tulis untuk dapat dijalankan pada JVM (Java Virtual Machine). Bahasa pemrograman lainnya yang dapat berjalan di JVM seperti Kotlin dan Ceylon. Semua bahasa ini dibuat dengan tujuan menyederhanakan atau membuat Java yang lebih baik. Meskipun dijalankan pada JVM, nyatanya Scala bukanlah perpanjangan dari Java. Ketika proses kompilasi (penyusunan) kode Scala di terjemahkan ke dalam betycode Java dan berjalan di JVM. Scala dapan digunakan dalam berbagai lingkungan, mulai dari script yang sederhana hingga sistem yang besar atau rumit sekalipun dalam dunia pemrograman ini disebut dengan istilah general pur...
Baca selengkapnya

IP

-
Gambar
  Internet Protocol (IP) Sebuah IP Address adalah produk yang menarik dari teknologi komputer modern yang dirancang untuk memungkinkan satu komputer (atau perangkat digital lainnya) untuk bisa berkomunikasi dengan yang lain melalui Internet. IP Address akan memungkinkan lokasi harfiah dari miliaran perangkat digital yang terhubung ke Internet untuk menunjuk dan membedakan dari perangkat lain. Dalam arti yang nyata sama dengan ketika seseorang perlu alamat anda untuk mengirimkan surat, sehingga komputer remote memerlukan alamat IP Anda untuk berkomunikasi dengan komputer Anda. “IP” singkatan dari Internet Protocol, sehingga alamat IP adalah alamat Internet Protocol. Apa artinya? Internet Protocol adalah seperangkat aturan yang mengatur aktivitas internet dan bisa memfasilitasi untuk penyelesaian berbagai tindakan di World Wide Web. Oleh karena itu alamat Internet Protocol merupakan bagian dari sistematis yang diletakkan pada jaringan yang saling berhubungan yang mengatur k...
Baca selengkapnya