Cara membuat tabel menggunakan HTML
mungkin dari judul artikel di atas kalian pun pasti sudah paham yaa .
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 ..
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 :\
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 ..
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 ..
saya suka blog anda tentang cara membuat tabel menggunakan html, saya berharap untuk melihat lebih banyak dari anda. apakah anda menjalankan situs lain.???
BalasHapusKalau mau buat tabel dengan ukuran tertentu gimana
BalasHapusterima kasih tutorialnya silakan kunjungi lagi di http://www.unsri.ac.id
BalasHapusterima kasih tutorialnya jagan lupa mampir lagi di unsri ac id
BalasHapusmakasih...
BalasHapuswah ternyata gampang membuat tabel.. terimakasih gan.
BalasHapussiip :a:
BalasHapusTerimakasih sangat membantu..........
BalasHapus