DASAR-DASAR PEMBUATAN TABEL DI BLOGSPOT

Filled under: , ,

Untuk membuat tabel kita hanya memainkan 3 kode utama, yaitu <table><tr> dan <td>. Ketiga kode itu jika dirangkai akan menjadi sebuah tabel. kode <tr> artinya baris dan <td> artinya kolom.
Berikut contohnya :
___________________________

<table width="550" border="1">
  <tr>
    <td>Baris 1 Kolom 1</td>
    <td>
Baris 1 Kolom 2</td>
    <td>
Baris 1 Kolom 3</td>
  </tr>
  <tr>
    <td>
Baris 2 Kolom 1</td>
    <td>
Baris 2 Kolom 2</td>
    <td>
Baris 2 Kolom 3</td>
  </tr>
  <tr>
    <td>
Baris 3 Kolom 1</td>
    <td>
Baris 3 Kolom 2</td>
    <td>
Baris 3 Kolom 3</td>
  </tr>
</table>

___________________________

Hasinya seperti berikut :

Baris 1 Kolom 1 Baris 1 Kolom 2 Baris 1 Kolom 3
Baris 2 Kolom 1 Baris 2 Kolom 2 Baris 2 Kolom 3
Baris 3 Kolom 1 Baris 3 Kolom 2 Baris 3 Kolom 3

Jika kita ingin membuat marge cell tabel, kita membutuhkan kode colspan dan rowspan.
Berikut contoh penggunaan kodenya :
_______________________________________

<table width="550" border="1">
  <tr>
    <td
 colspan="2">Baris 1 Kolom 1,2</td>
    <td rowspan="3">Baris 1,2,3 Kolom 3</td>
  </tr>
  <tr>
    <td>
Baris 2 Kolom 1</td>
    <td>
Baris 2 Kolom 2</td>
  </tr>
  <tr>

    <td>Baris 3 Kolom 1</td>
    <td>Baris 3 Kolom 2</td>
  </tr>
</table>
_______________________________________

"2" dan "3" adalah banyaknya cell (baris/kolom) yang ingin di marge cell.

Berikut hasil penampakannya :
Baris 1 Kolom 1,2 Baris 1,2,3 Kolom 3
Baris 2 Kolom 1 Baris 2 Kolom 2
Baris 3 Kolom 1 Baris 3 Kolom 2

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

Sekian dulu DASAR-DASAR PEMBUATAN TABEL DI BLOGSPOT, Semoga bermanfaat.
Salam PASEDULURAN..!!!

KOMNETIKA

0 komentar: