HTML Tabel

Tabel didefinisikan dengan tag <table>.



Sebuah tabel dibagi menjadi baris ( dengan tag <tr> ) , dan setiap baris dibagi menjadi sel-sel data ( dengan tag <td> ) . td singkatan dari "tabel  data, ". Sebuah tag <td> dapat berisi teks , link, gambar , daftar list, form , tabel lain , dll


<table border="1">
  <tr>
      <td> baris 1 , sel 1 </td>
      <td> baris 1 , sel 2 </td>
  </tr>
  <tr>
      <td> baris 2 , sel 1 </td>
      <td> baris 2 , sel 2 </td>
  </tr>
</table>

Tabel HTML dan Atribut Border

Jika Anda tidak menentukan atribut border, tabel akan ditampilkan tanpa batas . Kadang-kadang ini dapat berguna , tetapi sebagian besar, kita menginginkan border untuk menunjukkan batas data.

Untuk menampilkan tabel dengan perbatasan , ditentukan dengan atribut border:

<table border="1">
    <tr>
        <td> Row 1 , sel 1 </td>
        <td> Row 1 , sel 2 </td>
   </tr>
</table>

HTML Tabel Header

Informasi header dalam tabel didefinisikan dengan tag <th> .

Semua browser utama akan menampilkan teks dalam elemen <th> sebagai bold dan center.

<table border="1">
   <tr>
       <th> header 1 </th>
       <th> header 2 </th>
   </tr>
   <tr>
        <td> baris 1 , sel 1 </td>
       <td> baris 1 , sel 2 </td>
   </tr>
   <tr>
       <td> baris 2 , sel 1 </td>
      <td> baris 2 , sel 2 </td>
  </tr>
</table>
 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda