Mengenal Headings, Paragraf, dan Komentar di HTML

Ngode Yuk Published by Ngode Yuk

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>
        -->
    

Posting Komentar