Cara Membuat Table All pada W3.CSS

Bukan cinta yang membuat kita sakit dan juga patah hati, tetapi orangnya. Oke pada kesempatan kali ini saya akan share kepada teman-teman tentang Cara Membuat Table All pada W3.CSS.

Jika pada artikel sebelumnya kita membahas tentang membuat table basic, table dengan border dan strip tapi berbeda-beda penyebutan nama class nya. Nah pada tutorial kali ini kita akan membahas tentang Cara Membuat Table All pada W3.CSS.
Table All itu yang dimaksud adalah nama class yang dapat mengkombinasi table, border dan strip.

Oke langsung saja, pertama-tama siapkan file index.html nya.

Kemudian isi di bagian <head> link untuk menghubungkan HTML kita dengan library W3.CSS.

<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">

Setelah itu, isi di bagian <body> tag-tag seperti gambar di bawah.

<body class="w3-container">

<h2>Table All</h2>

<table class="w3-table-all">
<tr>
  <th>First Name</th>
  <th>Last Name</th>
  <th>Points</th>
</tr>
<tr>
  <td>Jill</td>
  <td>Smith</td>
  <td>50</td>
</tr>
<tr>
  <td>Eve</td>
  <td>Jackson</td>
  <td>94</td>
</tr>
<tr>
  <td>Adam</td>
  <td>Johnson</td>
  <td>67</td>
</tr>
<tr>
  <td>Bo</td>
  <td>Nilson</td>
  <td>35</td>
</tr>
</table>

</body>

Bagaimana teman-teman? Cukup mudah bukan?

Sekian untuk tutorial kali ini tentang Cara Membuat Table All pada W3.CSS.

Semoga bermanfaat, terima kasih

Kategori