Friday, March 28, 2014

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 ..


tabel 

nah untuk tabel di atas itu aldi memakai kode html di bawah ini :

<table border="1">
<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