Html

Selasa, 09 April 2013

Cara Membuat Tabel dengan 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 ataudisini
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 :\

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


Tidak ada komentar:

Posting Komentar