Belajar HTML Bagian 13 : Cara Membuat Komentar di HTML
December 07, 2017
Add Comment
Dalam penulisan kode HTML, umumnya kita sering lupa cara kerja kode yang kita buat sendiri setelah beberapa bulan kemudian. Untuk mengatasinya, kita bisa menambahkan komentar yang berada disekitar kode tersebut. Selain itu ketika ada kesalahan Anda akan lebih mudah memperbaikinya. Selain berguna untuk Anda, untuk orang lain yang ingin memahami kode HTML buatan Anda juga sangat berguna.
Jika sudah diketik silahkan buka di browser, maka tampilannya akan seperti gambar di bawah ini :
Terlihat pada gambar di atas, komentar yang berada diantara
Selain bisa menambahkan komentar, tag ini juga akan berguna agar kode HTML tidak tampil di browser untuk sementara. Hal ini tentu sangat berguna jika sobat ingin mencoba banyak kode HTML yang telah dibuat, tetapi tidak ingin menghapus kode HTML sebelumnya. Contoh seperti dibawah ini :
Silahkan sobat buka di browser, maka tampilannya akan seperti gambar di bawah ini :
Perlu di ingat walaupun komentar tidak bisa tampil di browser tetapi orang lain mungkin bisa melihat komentar yang telah di buat sobat dengan cara melihat melalui Lihat sumber laman. Oleh karena itu sobat jangan memasukkan informasi yang sensitif seperti username ataupun password.
Pada artikel selanjutnya sobat akan mempelajari Cara Membuat Form di HTML.
Cara Membuat Komentar di HTML
Untuk membuat komentar di HTML, sobat bisa menggunakan tag<!- dan diakhiri dengan tag ->. Agar lebih mudah memahaminya silahkan buka text editor sobat lalu tuliskan kode di bawah ini :<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Komentar di HTML</title>
</head>
<body>
<table border="1"> <!-- Garis tepi tabel sebesar 1 pixel -->
<tbody>
<tr>
<th>Tag</th>
<th>Fungsi</th>
</tr>
<tr>
<td><code><table></code></td>
<td>Mendefinisikan sebuah table</td>
</tr>
<tr>
<td><code><tr></code></td>
<td>Merupakan singkatan dari <i>table row</i>, yang digunakan untuk membuat baris tabel</td>
</tr>
<tr>
<td><code><th></code></td>
<td>Merupakan singkatan dari <i>table header</i> , yang digunakan untuk mendefinisikan sebuah judul</td>
<tr>
<td><code><td></code></td>
<td>Merupakan singkatan dari <i>table data</i>, yang digunakan untuk menginput data ke tabel</td>
</tr>
</tbody>
</table>
</body>
</html>Jika sudah diketik silahkan buka di browser, maka tampilannya akan seperti gambar di bawah ini :
Terlihat pada gambar di atas, komentar yang berada diantara
<!--...--> tidak ikut di tampilkan oleh browser.Selain bisa menambahkan komentar, tag ini juga akan berguna agar kode HTML tidak tampil di browser untuk sementara. Hal ini tentu sangat berguna jika sobat ingin mencoba banyak kode HTML yang telah dibuat, tetapi tidak ingin menghapus kode HTML sebelumnya. Contoh seperti dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Daftar di HTML</title>
</head>
<body>
<h2>Jenis-jenis kendaraan transportasi :</h2>
<!--
<ul>
<li>Angkot</li>
<li>Kapal laut</li>
<li>Pesawat</li>
</ul>
-->
</body>
</html>Silahkan sobat buka di browser, maka tampilannya akan seperti gambar di bawah ini :
Perlu di ingat walaupun komentar tidak bisa tampil di browser tetapi orang lain mungkin bisa melihat komentar yang telah di buat sobat dengan cara melihat melalui Lihat sumber laman. Oleh karena itu sobat jangan memasukkan informasi yang sensitif seperti username ataupun password.
Pada artikel selanjutnya sobat akan mempelajari Cara Membuat Form di HTML.
0 Response to "Belajar HTML Bagian 13 : Cara Membuat Komentar di HTML"
Post a Comment