yaa ... kali ini aldi akan menjelaskan cara membuat tabel menggunakan html . membuat tabel dengan html ini sangat di perlukan untuk kalian dalam hal mempostingkan artikel yang memerlukan tabel - tabel dalam hal penjelsannya .
oke sebelumnya jika kalian belum membaca postingan aldi sebelumnya silakan baca disini atau disini
ehmmm ... kenapa engga dibaca sii ..
oke deh kalo engga mao dibaca juga engga apa-apa , mendingan ngopi aja dulu yaa .
mari langsung aja kita bahas .
dalam hal membuat tabel dengan kode html, kode yang wajib anda masukan adalah
- <table>
- <tr>
dan <td>
dan tentunya harus di tutup kembali dengan kode "/" .. jika kalian sudah membaca artikel aldi sebelumnya mungkin kalian pasti sudah paham tentang tag-tag penutupan html tersebut ..
oke aldi anngap kalian sudah paham .. mari kita lanjut .
biar lebih asik kita lihat contoh aja yukk ..
tabel |
nah untuk tabel di atas itu aldi memakai kode html di bawah ini :
<table border="1">
<tr>
<td>tabel</td>
</tr>
</table>
<tr>
<td>tabel</td>
</tr>
</table>
keterangan : table : html awal pembuatan tabel
tr : jumlah baris ke bawah
td : jumlah baris ke samping
table border "1" : untuk angka 1 pada table yaitu ketebalan garis pinggir atau border
nahhh...berarti kalo mao membuat tabel yang lebih besar seperti ini caranya :
<table border="4">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>
dari contoh di atas maka akan menghasil kan tabel seperti dibawah ini :\
100 | 200 | 300 | 400 | 500 | 600 |
400 | 500 | 600 | 400 | 500 | 600 |
400 | 500 | 600 | 400 | 500 | 600 |
400 | 500 | 600 | 400 | 500 | 600 |
400 | 500 | 600 | 400 | 500 | 600 |
bagaimana ??? .. huruf dalam tabel dapat anda rubah sesuai kebutuhan ..
jika kalian tertarik untuk menggunkan tabel dalam menulis artikel, bisa kok kalian copas kode html di atas ..
dan tinggal kalian rubah aja kok .. kata-katanya .. mudah kan ..
selamat mencoba ...
ookee deh untuk postingan kali ini aldi rasa cukup yaa .
kalian bisa memodifikasi tabel tersebut sesuai keinginan anda ... bagi anda yang belum tahu cara memodifikasi - modifikasi html .. silakan ikuti truss postingan blog ini mengenai html ..
No comments:
Post a Comment