Sebelum membahas lebih jauh, ada beberapa tag yang memang tidak membutuhkan tag penutup, contohnya <br> untuk enter (baris baru), <hr> untuk membuat garis horizontal, <link> untuk menampilkan file dari suatu lokasi (folder) misalnya css dan tag <img> untuk menampilkan gambar.
Kita balik lagi ke topik, misalnya Anda menggunakan tag yang membutuhkan tag penutup seperti tag <table> untuk membuat tabel termasuk di dalamnya <tr> (baris baru), <td> (kolom baru). Contoh: tabel.html
<!DOCTYPE HTML>
<html>
<head>
<title>Test penutup tag</title>
</head>
<body>
<table border="1" width="400px">
<tr>
<td>Kolom pertama</td>
<td>Kolom kedua</td>
<td>Kolom ketiga</td>
</tr>
<tr>
<td>Kolom keempat</td>
<td>Kolom kelima</td>
<td>Kolom keenam</td>
</tr>
</table>
</body>
</html>
Output:
Baris kode di atas telah memiliki tag penutup, artinya sudah sesuai standar. Sekarang kita sengaja lebihkan tag penutup tabel</table> menjadi dua, pada potongan kode berikut:
<tr>
<td>Kolom keempat</td>
<td>Kolom kelima</td>
<td>Kolom keenam</td>
</tr>
</table>
</table>
Nah, sangat mudah mendeteksi tag berlebih ini dengan browser, misalnya Firefox. Dengan cara klik kanan di area kosong pada tampilan tabel.html, kemudian pilih View Page Source seperti gambar berikut:
 |
| Jika browser menggunakan bahasa Indonesia, maka menjadi "Tampilkan kode sumber" |
 |
| Tips ini juga berlaku untuk tag lain yang memerlukan tag penutup. |
^Baca juga: Tips menulis kode html untuk pemula.
siap min
ReplyDeleteSolder uap