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

Cara menampilkan image di html

Cara menampilkan image di html

Banyak cara untuk menampilkan image, berikut 3 kode beserta contohnya

<img src="lumba-lumba.gif">
<img src="lumba-lumba.gif" height="25%" width="25%;">
<img src="lumba-lumba.gif" height="300px" width="500px;">

Silahkan dicoba dengan contoh gambar lumba2 diatas.