RudihartoSetelah membahas cara membuat list dan hyperlink pada HTML, selanjutnya pada sesi belajar HTML part 5, kita akan belajar tentang cara membuat heading dan paragraf.
Heading dan paragraf adalah elemen dasar HTML yang harus Anda kuasai, karena sering digunakan saat membuat website berbasis HTML. Oleh karena itu, pastikan Anda menyimak panduan ini hingga akhir, agar penguasaan materi dasar HTML Anda semakin meningkat.
Apa Itu Heading?
Heading dalam HTML digunakan untuk membentuk struktur konten di halaman website, untuk membantu mesin pencari membaca dan memahami hierarki informasi website Anda. Ada 6 level Heading didalam HTML yaitu <h1> hingga <h6>.
Heading <h1> paling penting dan wajib ada didalam website karena berkaitan dengan optimasi SEO.
Penggunaan Heading dalam HTML
- <h1> : Heading ini biasanya digunakan sebagai judul utama atau topik paling penting dalam halaman website.
- <h2> : Sub-judul dari <h1>, sering kali digunakan untuk penjelasan atau pembagian besar konten.
- <h3> – <h6> : Heading yang digunakan untuk sub-bagian untuk memberikan struktur yang lebih detail.
Berikut adalah contoh penggunaan heading html yang dijadikan sebagai daftar isi.
Contoh script heading pada HTML
Berikut contoh code heading pada bahasa HTML.
<!DOCTYPE html>
<html>
<body>
<h1>H1 - Belajar HTML Heading</h1>
<h2>H2 - Pengertian Heading</h2>
<h3>H3 - Contoh Penggunaan Heading</h3>
</body>
</html>Dalam membuat halaman website, setidaknya harus ada heading yang Anda gunakan, contohnya H1 pada judul yang hukumnya wajib. Hal ini bertujuan agar memudahkan google dalam memahami struktur website Anda, serta website yang memiliki stuktur lebih rapi akan meningkatkan kenyamanan penggunanya.
Setelah kita bahas tentang heading, dibawah ini kami akan melanjutkan membahas Paragraf.
Apa Itu Paragraf?
Selain Heading, paragraf juga penting digunakan dalam membuat halaman website. Paragraf digunakan untuk mendefinisikan teks paragraf, dengan elemen <p> .. </p>. Setiap blok paragraf yang berada didalam elemen <p> … </p> secara otomatis akan dipisahkan jarak atau enter.
Cara Menggunakan Paragraf di HTML
Berikut adalah cara menggunakan beserta contoh script penggunaan paragraf dalam HTML:
<!DOCTYPE html>
<html>
<body>
<p>Paragraf satu, adalah contoh paragraf dalam HTML.</p>
<p>Paragraf dua, yang menjelaskan topik berbeda.</p>
</body>
</html>Pemakaian element paragraf penting digunakan untuk menyajikan informasi teks yang rapi dan mudah dibaca.
Kesimpulan
Dalam belajar heading dan paragraf pada HTML, penting untuk memahami bagaimana struktur ini dapat mempengaruhi dalam pembacaan konten dihalaman website.
Heading membantu membentuk struktur konten dan memudahkan mesin pencari melakukan crawl halaman website kita. Sedangkan Paragraf digunakan untuk menyajikan informasi teks agar mudah dibaca.
