Cara Membuat Table Menggunakan Notepad

Okey siip. Langsung aja Yuk kita mulai. Hal yang harus di perhatikan dalam membuat tabel adalah atributnya.

Atribut yang ada dalam table yang paling umum adalah :

-TR=Table Row.
Buat baris table. Itu loh, buat bagian atasnya

-TD=Table Directories.
Buat kolomnya mas bro

-Colspan
Untuk menyambungkan kolom dalam table

-Rowspan
Dari namanya aja udah bisa di tebak. ROW=Baris. Jadi fungsinya buat menggabungkan baris dalam table.

-Border
Yaa namanya juga border, artinya batas. Ini digunakan untuk mengatur ketebalan table yang ingin di buat

-Height.
Height=Tinggi. Fungsinya untuk mengatur tinggi table

-Width
Width=Lebar, fungsinya untuk mengatur lebar table

Oh iya, sebelum membuat suatu table, kita harus selalu buat kode 'table', jangan lupa tagnya juga

Yuk kita buat table seperti di bawah ini



Dari tabel diatas, bisa kita liat bahwa tabel tersebut terdiri dari 1 baris dan 3 kolom.
Maka kodenya adalah

Klick Untuk Buka:
<html>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</html>




Copy/pastekan kode tersebut di notepad, dengan type "All Files" dan beri nama terserah tetapi berakhiran .html.
Contoh : Table.html


Loh, kok ga ada yang keluar bos?
Oh iya, coba liat atributnya, ndak ada lebar, tinggi, dan tebal bordernya.
Lah jadi gimana?
Gampang, tinggal tambah aja tinggi table, garis tebal, sama lebar tablenya.
Jadi gini deh scriptnya :
Klick Untuk Buka:
<html>
<table height=300px width=400px border=9px>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</html>





Klick untuk buka:

Loh, kok ndak di tengah?
Wks, gampang gan, tinggal tambah kode align=center di atributnya, jadinya gini deh
Klick Untuk Buka:
<html>
<table height=300px width=400px border=9px align=center>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</html>




Jadinya gini gan :



Klick Untuk Buka:



Nah gampang kan, ingat aja TR untuk GARIS, dan TD buat KOLOM. Okey deh besok di lanjut lagi cara memakai kode rowspan dan colspan. Adminya udah ngantuk seharian obok-obok blog :D .

Lanjutanya bisa di cek disini gan Cara Membuat Table Menggunakan Notepad Part 2

Semangat ! :x

0 Response to "Cara Membuat Table Menggunakan Notepad"

Posting Komentar