[2] HTML - Tabel Span

 Membuat Tabel Span

 

Dalam membuat tabel sering kali kita menggabungkan beberapa sel menjadi satu sel. Dalam html, PENGGABUNGAN SEL  dikenal dengan “span”. Untuk menggabungkan beberapa atribut dalam HTML digunakan :

  • colspan – Menggabungkan beberapa kolom
  • rowspan – Menggabungkan beberapa baris.

Berikut contoh format scrip HTML dengan nama file tabel_span.html

<html>
<head>
  <title>Tabel Span</title>
</head>
<body>
    <h3>Jadwal WFO FDC</h3><table>
      <table width="90%" border="1" cellspacing="0">
  <thead>
    <tr>
      <th rowspan="2">Hari</th>
      <th colspan="2">Jam</th>
    </tr>
    <tr>
    <th>Pertama</th>
    <th>Kedua</th>
    </tr>
  </thead>
    <tbody>
      <tr>
        <td>Senin</td>
        <td align="center">Sigit, Adji, Rahmat</td>
        <td align="center">10.00 - 15.00</th>
      </tr>
      <tr>
        <td>Selasa</td>
        <td align="center">Leli, Pipit, Rahmat</td>
        <td align="center">10.00 - 15.00</th>
      </tr>
        <td>Rabu</td>
        <td align="center">Leli, Iche, Mala</td>
        <td align="center">10.00 - 15.00</th>
      </tr>
      <tr>
        <td>Kamis</td>
        <td align="center">Sigit, Mala, Adji</th>
        <td align="center">10.00 - 15.00</td>
      </tr>
      <tr>
        <td>Jum'at</td>
        <td align="center">Sigit, Mala, Leli</td>
        <td align="center">10.00 - 15.00</th>
      </tr>
      </tbody>
  </table>
  </html> 


Hasilnya sebagai berikut :


 _SELAMAT MENCOBA👌👌👍😇_ 

Semoga bermanfaat buat sobat yang baru tau👊👊👋😉

 

Post a Comment

0 Comments

Comments