Struktur Bikin Tabel Php

Struktur HTML? Langsung aja kita liat gambar ini:


[Image: struktur-tabel-html.png]

mari kita praktekkan dengan kode sederhana:

Untuk membuat 1 baris, 2 kolom:
PHP Code:
<table width="80%" style="background:#cecece; color:#000000; border:1px solid #ffeeee;">
<
tr width="80%" style="border:1px solid #02609D;">
<
td style="border:1px solid #000000;">
hasil ini akan tampil dikolom sebelah kiri
td>
<
td style="border:1px solid #000000;">
hasil ini akan tampil dikolom sebelah kanan
td>
tr>
table>

Untuk membuat 2 baris, 2 kolom:
PHP Code:
<table width="80%" style="background:#cecece; color:#000000; border:1px solid #ffeeee;">
<
tr width="80%" style="border:1px solid #02609D;">
<
td style="border:1px solid #000000;">
hasil ini akan tampil di baris 1 kolom sebelah kiri
td>
<
td style="border:1px solid #000000;">
hasil ini akan tampil di baris 1 kolom sebelah kanan
td>
tr>

<
tr width="80%" style="border:1px solid #02609D;">
<
td style="border:1px solid #000000;">
hasil ini akan tampil di baris 2 kolom sebelah kiri
td>
<
td style="border:1px solid #000000;">
hasil ini akan tampil di baris 2 kolom sebelah kanan
td>
tr>
table>

Keterangan:
  • <table> digunakan untuk mendeklarasikan pembuatan sebuah tabel dan untuk mengakhirinya gunakan</table&gt;.

  • <tr&gt; digunakan untuk mendeklarasikan pembuatan sebuah baris dan untuk mengakhirinya gunakan</tr>

  • <td> digunakan untuk mendeklarasikan pembuatan sebuah kolom dan untuk mengakhirinya gunakan</td>
  • Masing-masing deklarasi dapat disisipi dengan style table yang kita inginkan seperti background, jenis font, lebar, tinggi, dsb.

    Dengan menggunakan pedoman dasar pembuatan tabel tersebut semoga bro 'n Sis bisa memodifikasi dan mendesain web sesuai keinginan sesuai dengan kreatifitas kita masing-masing...

    Tidak ada komentar:

    Posting Komentar

    Twitter Delicious Facebook Digg Stumbleupon Favorites More

     
    Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates