PEMROGRAMAN PHP3

4.  CARA MEMBUAT TABEL DI PHP

Sekarang saatnya kita belajar bagaimana membuat table di HTML. Kita mulai dengan table yang sederhana dulu hingga menuju table yang lebih rumit dan ruwet nantinya. Sebelum saya teruskan, saya menyarankan untuk membuat table hanya untuk tabel. Jangan gunaka table sebagai layout web. Selain memberatkan, juga tidak efektif. Saya masih melihat banyak template-template web yang keren-keren menggunakan table. Ini tentunya sangat tidak sehat bagi kecepatan load web anda. So, gunakan table untuk tabel saja.

Ada 3 komponen utama dalam pembuatan tabel yaitu:

- Penanda table 

- Penanda baris 

- Penanda kolom

Dan inilah contoh sebuah table sederhana dengan 3 kolom dan 2 baris: view plaincopy to clipboardprint? 1.        <table>   2.        <tbody><tr>   3.        <td>Kolom 1 Baris 1</td>   4.        <td>Kolom 2 Baris 1</td>   5.        <td>Kolom 3 Baris 1</td>   6.        </tr>   7.        <tr>   8.        <td>Kolom 1 Baris 2</td>   9.        <td>Kolom 2 Baris 2</td>   10.     <td>Kolom 3 Baris 2</td>   11.     </tr>   12.     </tbody></table>   Hasilnya akan seperti ini: Kolom 1 Baris 1 Kolom 2 Baris 1 Kolom 3 Baris 1 Kolom 1 Baris 2 Kolom 2 Baris 2 Kolom 3 Baris 2 Anda paham bagaimana cara membuatnya bukan? Untuk mempermudah membuat table, saya biasanya pakai rumus ini: 1. Saya tulis dulu tablenya seperti ini: view plaincopy to clipboardprint? 1.        <table>   2.        </table>   2. Saya masukkan barisnya. Misalnya kita mau bikin 2 baris, maka saya tinggal pasang 2 tag TR seperti ini: view plaincopy to clipboardprint? 1.        <table>   2.        <tbody><tr>   3.        </tr>   4.        <tr>   5.        </tr>   6.        </tbody></table>   3. Sekarang tinggal masukkan kolomnya aja di tiap baris seperti ini: view plaincopy to clipboardprint? 1.        <table>   2.        <tbody><tr>   3.        <td></td>   4.        <td></td>   5.        <td></td>   6.        </tr>   7.        <tr>   8.        </tr>   9.        </tbody></table>   Baris kedua saya biarkan agar anda bisa fokus di baris pertama dulu. 4. Terakhir memasukkan isi kolomnya view plaincopy to clipboardprint? 1.        <table>   2.        <tbody><tr>   3.        <td>Kolom 1</td>   4.        <td>Kolom 2</td>   5.        <td>Kolom 3</td>   6.        </tr>   7.        <tr>   8.        </tr>   9.        </tbody></table>

(http://gudanginfo.web.id/html/membuat-tabel.html)

5. HTML ADVANCED

• LAYOUT HTML

Membuat Layout dari sebuah halaman web sangat diperlukan sebagai visualisasi konsep dari tampilan final website yang akan dibangun.

Layout merupakan pemetaan & peletakan konten pada website yang di bagi menjadi beberapa bagian.

Kebanyakan website membagi konsep Layout nya ke dalam beberapa kolom yang dapat dibuat menggunakan:

·        TABLE, menggunakan tag <table> … </table>

·        LAYER, menggunakan tag <div>… </div>

c   COntoh LAYOUT :

• HTML DOCTYPES

 DOCTYPE atau Document Type Definition (DTD) merupakan spesifikasi aturan untuk tag markup yang digunakan dalam sebuah halaman web.

Sebuah deklarasi DOCTYPE mengacu pada aturan untuk bahasa markup, sehingga browser dapat menampilkan konten dengan benar sesuai DOCTYPE nya.
DOCTYPE bukanlah sebuah tag HTML, melainkan sebuah instruksi kepada browser yang akan me-render- halaman web tersebut. mDeklarasi DOCTYPE harus diletakkan pada halaman awal dari HTML.

 ¢  Macam – macam tipe DocType

HTML 4.01 Strict
HTML 4.01 Transitional
HTML 4.01 Frameset
XHTML 1.0 Strict
XHTML 1.0 Transitional
XHTML 1.0 Frameset
XHTML 1.1
HTML 5

(http://www.w3schools.com/html/html_tables.asp.12-07-2012)