BELAJAR HTML COMMENTS

Hallo sobat aisyahandyra, bagaimana kabarnya? semoga sobat semua dalam keadaan sehat wal'afiat. Aamiin.

Dalam tutorial kali ini, kita akan mempelajari apa itu html comments atau istilah dalam bahasa indonesianya komentar di html. Didalam bahasa pemrograman pasti ada yang namanya comments, entah itu php, css, javascript dan bahasa pemrograman lainnya. 

Contoh Penulisan Comments Html


Di bawah ini adalah contoh penulisan comments html

<!--  -->

Semua kode yang berada didalam tag comments tidak akan diproses, otomatis browser pun tidak akan menampilkannya.

Fungsi Comments di Html


Comments atau komentar dibuat dengan tujuan menonaktifkan script atau sebagian kode yang sudah terlanjur ditulis, daripada si programmer menghapusnya alangkah lebih baiknya jika kita beri script comments pada script yang dirasa tidak diperlukan.

Fungsi Comments Selain Menonaktifkan Kode


Selain untuk menonaktifkan kode, fungsi comments lainnya adalah bisa dipakai untuk membuat catatan-catatan penting ketika membuat program. Misalnya catatan kepemilikan hak paten si pembuat apabila script itu dibagikan kepada publik. 

Tujuannya agar publik tau bahwa script itu adalah milik si pembuat yang namanya sudah disematkan dalam kode program itu. Sebaiknya ketika kita mendapatkan script dari internet yang ada catatan nama pembuatnya, kita jangan menghilangkan catatan itu.

Hargailah karya orang lain yang sudah bersusah payah untuk membuat program itu, agar suatu hari jika sobat membuat program dan di publikasikan ke internet bisa dihargai pula oleh yang lainnya.

Masih ada lagi kegunaan lainnya dari script comments ini, comments bisa juga kita pakai untuk penanda ketika kita membuat program, sebagai penanda awal dan akhir dari setiap fungsi yang kita buat.

Manfaat Menggunakan Comments Ketika Membuat Program


Ketika suatu hari program kita ada perubahan, entah dari sisi tampilan atau yang lainnya maka akan lebih mudah dalam pengerjaannya. Bayangkan jika program yang kita buat itu jumlahnya ada 500 baris, pasti kita akan pusing mencari fungsi mana yang harus kita perbaiki.

Agar lebih jelas dengan penjelasan-penjelasan diatas, mari kita buat contoh penggunaan comments didalam penulisan html.

Perhatikan kode di bawah ini :

<html>
<head>
<title>Membuat Komentar di Html</title>
</head>
<body>
<p><h2>Belajar Html Comments di Blog aisyahandyra.blogspot.co.id</h2></p>
<p><h3>Belajar Html Comments di Blog aisyahandyra.blogspot.co.id</h3></p>
<p><h3>Belajar Html Comments di Blog aisyahandyra.blogspot.co.id</h3></p>
<p><h3>Belajar Html Comments di Blog aisyahandyra.blogspot.co.id</h3></p>
<p><h3>Belajar Html Comments di Blog aisyahandyra.blogspot.co.id</h3></p>
<p><h3>Belajar Html Comments di Blog aisyahandyra.blogspot.co.id</h3></p>
<h2>ddasdasdasdasdasdasdasdasdasdasdasdasdasdasdas</h2>
</body>
</html>

Simpan dan jalankan kode diatas, hasilnya seperti dibawah ini :



Sobat perhatikan hasil kode diatas, ada satu baris kalimat yang berantakan, bukan hanya berantakan tapi memang salah kaprah. Disini kita akan menggunakan fungsi comments untuk menonaktifkan sebagian kode atau isi dari program yang dirasa salah atau tidak diperlukan.

Maka langkah kita selanjutnya adalah memperbaiki kodenya. Perhatikan kode dibawah ini :

<html>
<head>
<title>Membuat Komentar di Html</title>
</head>
<body>
<p><h2>Belajar Html Comments di Blog aisyahandyra.blogspot.co.id</h2></p>
<p><h3>Belajar Html Comments di Blog aisyahandyra.blogspot.co.id</h3></p>
<p><h3>Belajar Html Comments di Blog aisyahandyra.blogspot.co.id</h3></p>
<p><h3>Belajar Html Comments di Blog aisyahandyra.blogspot.co.id</h3></p>
<p><h3>Belajar Html Comments di Blog aisyahandyra.blogspot.co.id</h3></p>
<p><h3>Belajar Html Comments di Blog aisyahandyra.blogspot.co.id</h3></p>
<!-- <h2>ddasdasdasdasdasdasdasdasdasdasdasdasdasdasdas</h2> -->
</body>
</html>

Simpan dan coba jalankan kode yang sudah kita perbaiki itu.



Sekarang tampilannya sudah berubah kan, kalimat yang salah tadi sudah tidak muncul dibrowser.

Dari contoh yang sudah kita buat tadi, saya harap sobat paham dan  dapat menggunakan fungsi comments ini lebih dari itu. Seperti yang sudah saya jelaskan diatas. Comments dapat digunakan untuk menandai fungsi atau kode apa saja yang dirasa akan sulit ditemukan jika ada perubahan dikemudian hari.

Semoga apa yang saya sampaikan ini ada manfaatnya untuk sobat semua.



Selamat mencoba. :-)
LihatTutupKomentar