Image dan Tables

Berikut cara membuat Tables sekaligus memasukkan Tulisan ataupun Gambar kedalam Tables tersebut.

Pertama Sekali kita buat dulu style css untuk tablenya dengan kode berikut

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 15px;
    text-align: left;
}
table#t01 {
    width: 100%;   
}

Kemudian untuk kode htmlnya seperti ini

<table>
  <tr>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Dari kode diatas maka akan terbentuk seperti berikut

Apabila dimasukkan gambar maka akan menjadi