Setelah mempelajari tag, elemen dan atribut sekarang kita akan mempelajari apa sih itu heading, paragraf, dan komentar dalam HTML dan bagaimana cara membuatnya?
untuk teman-teman jangan bingung karena kita akan menjelaskan secara singkat dan mudah dipahami
Apa itu Headings
Headings adalah tag yang digunakan untuk menentukan judul dan subjudul dalam dokumen/halaman html. Terdapat 6 tingkat heading yang dimana memiliki ukuran berbeda-beda yaitu <h1>
hingga <h6>
contoh :
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Output :
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Selalu gunakan Heading
Mengapa penting untuk memberikan judul pada dokumen html, terutama pada postingan, karena mesin pencari menggunakan judul untuk mengindeks struktur dan konten dari halaman website.
selain dari itu para pembaca akan melihat sekilas postingan dari judul, maka dari itu wajib gunakan judul
Apa itu paragraf
Paragraf digunakan untuk mendefinisikan blok teks dalam dokumen HTML. Elemen paragraf ditulis dengan tag <p>
, di elemen paragraf ini juga memiliki style bawaan yaitu akan memberikan margin untuk elemen diatas dan dibawahnya.
Contoh :
<p>ini adalah paragraf</p>
Output :
ini adalah paragraf
Menghapus baris baru
Ketika kalian mengetik dan membuat garis baru dalam paragraf maka itu akan secara otomatis dihapus oleh html, jadi untuk membuat baris baru dalam elemen p
kalian dapat menggunakan br
dan hr
untuk memberikan batas
Komentar
Komentar digunakan untuk menyisipkan catatan atau penjelasan dalam kode sumber HTML. Komentar tidak akan ditampilkan di browser dan berguna untuk mendokumentasikan kode atau menonaktifkan bagian kode saat pengujian.
Contoh penggunaan komentar:
<!-- Ini adalah komentar -->
<p>Paragraf ini akan ditampilkan.</p>
<!--
<p>Paragraf ini tidak akan ditampilkan karena berada dalam komentar.</p>
-->