Cara Membuat Table All pada W3.CSS
Bukan cinta yang membangun kita sakit dan pun patah hati, tetapi orangnya. Oke di kesempatan kali ini saya akan share kepada teman-teman mengenai Cara Membangun Table All di W3.CSS.
Kalau di artikel sebelumnya kita membahas mengenai membangun table basic, table dengan border dan strip tapi berbeda-beda penyebutan nama class nya. Nah di panduan kali ini kita akan membahas mengenai Cara Membangun Table All di W3.CSS.
Table All itu yang dimaksud ialah nama class yang dapat mengkombinasi table, border dan strip.
Oke seketika saja, pertama-tama siapkan file index.html nya.
Kemudian isi di bagian <head> link bagi 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? Lumayan gampang bukan?
Demikian bagi panduan kali ini mengenai Cara Membangun Table All di W3.CSS.
Semoga bermanfaat, terima kasih
Sumber https://kursuswebsite.org
