Kali ini saya akan membagikan tutorial membuat table pada html, Beriku Langkah - Langkahnya :
1. Buka Notepad atau editor yang anda punya
<html>
<head>
<title>Ini Judul</title>
</head>
<body>
<table style="width:100%">
<tr>
<td>Username</td><td>Nama Lengkap</td><td>Nilai</td>
</tr>
<tr>
<td>mahmud01</td><td>mahmud makan marmut</td><td>100</td>
</tr>
<tr>
<td>kurangmakan</td><td>giman ardi</td><td>20</td>
</tr>
</table>
</body>
</html>
2. Ketik kata diatas pada Notepad atau editor anda
3. Setelah Diketik ~> Save as dengan format akhiran .html
Contoh : table.html
4. Setelah disave maka klik 2x pada file yg kita save tadi
5. Berikut Hasilnya.
Q : Kok gak ada garisnya, kan table?
A : itu tidak ditampilkan
Q : cara menampilkannya gimana ?
A : Oke Bisa , Tinggal ditambahkan border, Berikut Langkahnya :
<html>
<head>
<title>Ini Judul</title>
</head>
<body>
<table border="1" style="width:100%">
<tr>
<td>Username</td><td>Nama Lengkap</td><td>Nilai</td>
</tr>
<tr>
<td>mahmud01</td><td>mahmud makan marmut</td><td>100</td>
</tr>
<tr>
<td>kurangmakan</td><td>giman ardi</td><td>20</td>
</tr>
</table>
</body>
</html>
6. Save Kembali
7. Berikut Hasilnya
Semoga bermanfaat
Thanks For Visit - See You :)
0 komentar
Posting Komentar