Ini dia tutorial membuat kolom dengan HTML dengan cara menggabungkan KOLOM dan BARIS

1
pertama- tama  saya akan menjelaskan cara membuat kolom dan baris. Pertama anda harus memiliki DREAMWEAVER versi berapa aja, tapi kalo saya menggunakan DREAMWEAVER 8.dan anda harus memiliki web browser seperti Mozilla, IE, dan dll. Saya hanya menggunakan mozilla dan IE.
langkah yang harus anda lakukan adalah:
1.  Anda harus membuka dreamweaver untuk dapat membuat tabel dengan HTML
maka anda harus memilih kategori HTML, akan terlihat seperti ini!














2.setelah anda buka maka akan muncul gambar yang seperti ini!



3.setelah itu anda ketik-kan code HTML berikut!






 <body>
<font face="Bradley Hand ITC" color="#CC6699"  size="3">
<table align='center' width="100%" height="100%" border="1">
 <tr>
  <td rowspan="2" bgcolor="#00FF00" align="center">1</td>
  <td  align="center">2</td>
  <td  align="center">3</td>
  <td  align="center">4</td>
  <td colspan="2" rowspan="2" bgcolor="#FF0000"  align="center">5</td>
  <td  align="center">7</td>
 </tr>
 <tr>  
  <td rowspan="2" bgcolor="#0000FF"  align="center">2.1</td>
  <td  align="center">3.1</td>
  <td  align="center">4.1</td>
  <td  align="center">7.1</td>
 </tr>
 <tr>
  <td  align="center">1.2</td>
  <td colspan="2" bgcolor="#FFFF00"  align="center">3.2</td>
  <td  align="center">5.2</td>
  <td  align="center">6.2</td>
  <td  align="center">7.2</td>
 </tr>
 <tr>
  <td  align="center">1.3</td>
  <td  align="center">2.3</td>
  <td  align="center">3.3</td>
  <td  align="center">4.3</td>
  <td  align="center">5.3</td>
  <td colspan="2" bgcolor="#FF00FF"  align="center">6.3</td>
 </tr>
 <tr>
  <td colspan="3" bgcolor="#FF6600"  align="center">1.4</td>
  <td  align="center">4.4</td>
  <td  align="center">5.4</td>
  <td rowspan="2" bgcolor="#333333"  align="center">6.4</td>
  <td  align="center">7.4</td>
 </tr>
 <tr>
  <td  align="center">1.5</td>
  <td colspan="2" bgcolor="#000000"  align="center">2.5</td>
  <td  align="center">4.5</td>
  <td  align="center">5.5</td>
  <td  align="center">7.5</td>
 </tr>
</table>
</font>
</body>





                 dan ketikkan script tersebut bawah <body>  dan atas </body>

  "Perhatian bla ingin membuat sebuah script pada bagian badan sebuah HTML maka harus letak di bawah  <body> dan di atas</body> "

 
4.maka hasil nya akan seperti ini!

1 2 3 4 5 7
2.1 3.1 4.1 7.1
1.2 3.2 5.2 6.2 7.2
1.3 2.3 3.3 4.3 5.3 6.3
1.4 4.4 5.4 6.4 7.4
1.5 2.5 4.5 5.5 7.5
5.bila dilihat dalam script akan seperti ini!
6.dan bila model split akan seperti ini!

7.dan apabila dibuka melalui design akan seperti ini!

"jangan lupa setelah selsai tekan save dan liat hasil nya di mozilla atau IE atau browser lainnya"

Sekian tutorial yang saya berikan. mungkin memang singkat tapi bila ingin mengtahui cara membuat tabel ada postingan sebelumnya.


SELAMAT BEREKSPERIMEN!

angan lupa komentarnya nya!!

Ditulis Oleh : m4ilsmile

Artikel Ini dia tutorial membuat kolom dengan HTML dengan cara menggabungkan KOLOM dan BARIS ini ditulis oleh m4ilsmile pada hari Friday, January 14, 2011. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Ini dia tutorial membuat kolom dengan HTML dengan cara menggabungkan KOLOM dan BARIS dapat Anda sampaikan melalui kotak komentar dibawah ini.