Dalam semua bahasa pemograman ada kode kode tertentu yang berisi keterangan di dalam kode. Keterangan yang dimaksud adalahberupa catatan untuk si penulis kode. Keterangan tersebut atau catatan itu tidak akan ditampilkan ketika script di compile. Karena fungsi catatan itu semata mata untuk di penulis kode saja.
Sebagai contoh, dalam javascript dikenal keterangan /* catatan yang tak di compile */ atau dengan dua garis miring (//). Begitu juga dalam HTML. Ada sebuah format penulisan yang ditujukan untuk catatan ketika menulis kode dan tak akan ditampilkan ketika kode di compile. Format Penulisan catatan atau keterangan tersebut dalam HTML adalah:
<!DOCTYPE html>
<html>
<head>
<title>Menambahkan catatan pada HTML</title>
</head>
<body>
<h1> Tutorial Menambahkan catatan pada HTML </h1>
<table border="3">
<tr> <!-- Ini Baris Satu-->
<td>Baris 1, Kolom 1</td>
<td>Baris 1, Kolom 2</td>
<td>Baris 1, Kolom 3</td>
</tr>
<tr> <!--Ini Baris Dua -->
<td>Baris 2, Kolom 1</td>
<td>Baris 2, Kolom 2</td>
<td> Baris 2, Kolom 3</td>
</tr>
<tr> <!--Ini Baris Tiga -->
<td> Baris 3, Kolom 1</td>
<td> Baris 3, Kolom 2</td>
<td> Baris 3, Kolom 3</td>
</tr>
<tr> <!-- Ini baris empat-->
<td> Baris 4, Kolom 1</td>
<td> Baris 4, Kolom 2</td>
<td> Baris 4, Kolom 3</td>
</tr>
</table>
</body>
</html>
Perhatikan kode yang saya warnai merah. Ketika dicompile kode tersebut tidak muncul. Fungsi kode itu hanya sebagai penanda atau catatan bagi saya dalm penulisan HTML. Namun, apabila web telah diluncurkan dan seseorang melihan page source, catatan tersebut tetap akan tampil. Oleh karena itu, penggunaan catatan ini jangan melampirkan username atau password sesuatu.
Fungsi lain dari catatan ini adalah untuk menyembunyikan sementara design halaman yang telah dibuat. Misalkan pada script di atas anda belum mau menampilkan baris ke empat pada tabel tersebut. Maka pada kode baris keempat bisa ditambahkan <!-- dan --> menjadi.
<!--<tr> <!-- Ini baris empat-->
<td> Baris 4, Kolom 1</td>
<td> Baris 4, Kolom 2</td>
<td> Baris 4, Kolom 3</td>
</tr>-->
Itulah tutorial cara menambahkan catatan dan keterangan ketika menulis sebuah kode HTML. Semoga ini bisa bermanfaat ilmunya bagi kita semua.
Sebagai contoh, dalam javascript dikenal keterangan /* catatan yang tak di compile */ atau dengan dua garis miring (//). Begitu juga dalam HTML. Ada sebuah format penulisan yang ditujukan untuk catatan ketika menulis kode dan tak akan ditampilkan ketika kode di compile. Format Penulisan catatan atau keterangan tersebut dalam HTML adalah:
<!-- teks catatan -->Di awali dengan kurung, seru dan dua buah strip. Kemudian ditulis catatannya apa, dan ditutup dengan dua strip dan kurung. Sebagai contoh penggunaanya bisa dilihat pada script di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title>Menambahkan catatan pada HTML</title>
</head>
<body>
<h1> Tutorial Menambahkan catatan pada HTML </h1>
<table border="3">
<tr> <!-- Ini Baris Satu-->
<td>Baris 1, Kolom 1</td>
<td>Baris 1, Kolom 2</td>
<td>Baris 1, Kolom 3</td>
</tr>
<tr> <!--Ini Baris Dua -->
<td>Baris 2, Kolom 1</td>
<td>Baris 2, Kolom 2</td>
<td> Baris 2, Kolom 3</td>
</tr>
<tr> <!--Ini Baris Tiga -->
<td> Baris 3, Kolom 1</td>
<td> Baris 3, Kolom 2</td>
<td> Baris 3, Kolom 3</td>
</tr>
<tr> <!-- Ini baris empat-->
<td> Baris 4, Kolom 1</td>
<td> Baris 4, Kolom 2</td>
<td> Baris 4, Kolom 3</td>
</tr>
</table>
</body>
</html>
Fungsi lain dari catatan ini adalah untuk menyembunyikan sementara design halaman yang telah dibuat. Misalkan pada script di atas anda belum mau menampilkan baris ke empat pada tabel tersebut. Maka pada kode baris keempat bisa ditambahkan <!-- dan --> menjadi.
<!--<tr> <!-- Ini baris empat-->
<td> Baris 4, Kolom 1</td>
<td> Baris 4, Kolom 2</td>
<td> Baris 4, Kolom 3</td>
</tr>-->
Itulah tutorial cara menambahkan catatan dan keterangan ketika menulis sebuah kode HTML. Semoga ini bisa bermanfaat ilmunya bagi kita semua.
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment