Hai semuanya!

Ini adalah website lama kami, pada akhir agustus 2020 website ini akan di ahlikan ke https://sekolahprogram. Website yang baru Anda bisa diskusi, membuat artikel dan membagikan karya aplikasi mu.


New Sekolah Program

Belajar Dasar HTML Part 8 – Cara Membuat Judul Pada HTML (tag H1)

Febri Hidayan 3 Komentar

Belajar Dasar HTML Part 8 – Cara Membuat Judul Pada HTML (tag H1)

Kali ini kita akan mempelajari bagaimanaa cara menggunakaan judul atau heading, dan apa kegunaan judul untuk sebuah website. Membuat heading yang memberikan garis baru atau judul yang penting dalam dokumen HTML.

Pengertian Judul (heading) Di HTML

HTML memiliki tag khusus yang digunakan untuk membuat Judul yang penting dalam dokumen HTML lebih dikenal dengan sebutan heading. Dimana heading dirancang secara terpisah teks dari paragraf. Tag heading biasanya digunakan dalam judul dari paragraf, atau bagian teks yang berupa judul. Tag heading didalam HTML memiliki 6 tingkatan diawali dengan huruf yang besar dan diakhiri dengan huruf yang kecil, yaitu <h1>, <h2> ,<h3> ,<h4> ,<h5> ,<h6>. Secara default tag heading akan ditampilkan di web browser dengan huruf yang tebal (bold). Tampilan dari judul (heading) akan secara bertingkat. Huruf yang besar yaitu tag <h1> dan tag yang paling kecil yaitu <h6>.

Berikut adalah contoh penggunaan Judul (heading) pada HTML:

<!DOCTYPE html>
<html>
<head>
     title>Sekolah Program</title>
</head>
<body>
<h1> bagian judul (heading) tag h1 </h1>
<h2> bagian judul (heading) tag h2 </h2>
<h3> bagian judul (heading) tag h3 </h3>
<h4> bagian judul (heading) tag h4 </h4>
<h5> bagian judul (heading) tag h5 </h5>
<h6> bagian judul (heading) tag h6 </h6>
</body>
</html>

Hasil saat dijalankan di web browser:

Maka hasilnya akan secara berurutan mulai huruf besar hingga huruf kecil. Heading sangat penting untuk membuat judul halaman website dengan HTML ataupun website hosting (berbayar atau gratisan). Untuk mengutahui struktur dari penggunaan heading simak dalam contoh berikut:

<!DOCTYPE html>
<html>
<head>
    <title>Sekolah Program</title>
</head>
<body>
<h1> Judul Utama Artikel </h1>
<p> pembahasan artikel </p>
<h2>....sub judul artikel 1.0....</h2>
        <p>....pembahasan sub judul artikel 1.0....</p>
<h2>....sub judul artikel 2.0....</h2>
        <p>....pembahasan sub judul artikel 2.0....</p>
        <h3>....sub judul artikel 2.1....</h3>
                <p>....pembahasan sub judul artikel 2.1...</p>
                <h4>....sub judul artikel 2.11....</h4>
                        <p>....pembahasan sub judul artikel 2.11....</p>
        <h3>....sub judul artikel 2.2....</h3>
                <p>....pembahasan sub judul artikel 2.2...</p>
</body>
</html>

Hasil saat dijalankan di web browser:

Apakah Judul (heading) Itu Penting?

Bukan hanya penting tetap pada saat mesin pencarian menggunakan judul untuk mengindeks struktur dan isi dari website kita. Penggunaan skim halaman kita dengan judulnya. Hal ini penting untuk menggunakan judul untuk menunjukkan struktur dokumen kita. Tag <h1> adalah heading yang harus digunakan untuk judul artikel kita, dan diikuti dengan tag <h2> dan juga seterusnya. Semoga bermanfaat!

Category HTMLTags Dasar HTML


  • Halo gan.. sangat bermanfaat pencerahannya.. Saya mempunyai pertanyaan dan semoga Admin sekolahprogram ini bisa menyelesaikan permasalahan yang telah saya alami.

    Saya mempnyai sebuah blog dengan templete hasil download, Namun postingan yang telah saya kirim kok tiba-tiba dalam artikel tidak ada judunya ya? padahal sebelumnya ada. berikt gambaran pada blog saya Dalam kotak merah yang diberi tanda panah tersebut sebenarnya tempat judul. Mohon bantuannya gan.. Terimakasih sebelumnya

    https://uploads.disquscdn.com/images/28892c3883d142ddc21b3d83ad42d3714597d040b599685adf87c3eae3758cd4.png

  • Mari Tinggalkan Komentar

    Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *