Kamis, 27 Oktober 2016

Cara Membuat Tabel Dengan HTML

07.56    5 comments


Setelah sebelumnya kita membahas tentang cara menulis struktur dasar html di sublime text, kali ini kita akan mencoba membuat tabel dengan html yang juga akan kita lakukan menggunakan sublime. Untuk saat ini kita akan langsung menuju tutorial membuat tabel yang ditulis dalam bagian body yang ada pada struktur dasar html. Jadi, bagi anda yang belum paham mengenai cara menuliskan struktur html bisa langsung simak artikelnya disini.

Okey, langsung saja kita mulai langkah-langkah dalam membuat tabel.
1. Tuliskan kode berikut dibawah kode <body>

<table border="1" cellpadding="5" cellspacing="2">

<tr>
<th>No</th>
<th>Nim</th>
<th>Nama Lengkap</th>
<th>Jenis Kelamin</th>
<th>Alamat</th>
<th>Tanggal Lahir</th>
<th>Program Studi</th>
</tr>

<tr>
<td>1</td>
<td>13</td>
<td>Si a</td>
<td>Laki-laki</td>
<td>Brebes</td>
<td>02/02/1995</td>
<td>S1 Informatika</td>

</tr>

<tr>
<td>2</td>
<td>14</td>
<td>Si b</td>
<td>Perempuan</td>
<td>Jakarta</td>
<td>02/03/1995</td>
<td>S1 Teknik Telekomunikasi</td>
</tr>

<tr>
<td>3</td>
<td>15</td>
<td>Si c</td>
<td>Laki-laki</td>
<td>Purwokerto</td>
<td>02/04/1995</td>
<td>D3 Teknik Telekomunikasi</td>
</tr>


</table>

2. Simpan file dengan tekan ctrl+s

3. Buka file html nya maka akan terlihat tabel seperti gambar berikut.



5 komentar: