Pemrograman HTML9

TABEL

Untuk membuat tabel pada halaman html kita gunakan tag :

        -->tag awalpembuatan table

<tr>             -->tag untuk mebuat baris

            -->penutup tag kolom

tr>             -->penutup tag baris

-->tag untuk membuat kolom

          -->penutup tag table

Hasil :

Untuk menambah jumlah kolom tinggal kita tambah menjadi :

                  -->tag awalpembuatan table

<tr>                       -->tag untuk mebuat baris

                          -->penutup tag kolom 1

<td> kolom2 baris 1  -->tag untuk membuat kolom 2
                                -->penutup tag kolom 2

tr>                           -->penutup tag baris

kolom1 baris 1    -->tag untuk membuat kolom 1

                          -->penutup tag table

Hasil :

Kolom 1 baris 1

Kolom 2 baris 2

Untuk menambah jumlah baris tinggal kita tambah menjadi :

         -->tag awalpembuatan table

<tr>                                 -->tag untuk mebuat baris ke1

                                -->penutup tag kolom 1

<td>kolom 2 baris 1             -->tag untuk membuat kolom 2
                                    -->penutup tag kolom 2

tr>                                  -->penutup tag baris

<tr>                           -->tag untuk membuat baris 2

                                     -->penutup tag kolom 1

<td>kolom 2  baris 2            -->tag untuk membuat kolom 2
                                   -->penutup tag kolom 2

tr>                                  -->penutup tag baris

kolom 1 baris1             -->tag untuk membuat kolom 1

kolom 2  baris 1           -->tag untuk membuat kolom 1

                                -->penutup tag table

Hasil:

Kolom 1 baris 1	Kolom 2 baris 1
Kolom 1 baris 2	Kolom 2 baris 2

Untuk mengatur lebar dan tinggi tabel tinggal kita tambah menjadi :

width=”500” height=”200”>         -->tag awalpembuatan table dengantinggi 200 pixel danlebar 500 pixel

<tr>                                 -->tag untuk mebuat baris ke1

                                -->penutup tag kolom 1

<td>kolom 2 baris 1             -->tag untuk membuat kolom 2
                                    -->penutup tag kolom 2

tr>                                  -->penutup tag baris

<tr>                           -->tag untuk membuat baris 2

                                     -->penutup tag kolom 1

<td>kolom 2  baris 2            -->tag untuk membuat kolom 2
                                   -->penutup tag kolom 2

tr>                                  -->penutup tag baris

kolom 1 baris1             -->tag untuk membuat kolom 1

kolom 2  baris 1           -->tag untuk membuat kolom 1

                                -->penutup tag table

Hasil:

Kolom 1 baris 1	Kolom 2 baris 1
Kolom 1 baris 2	Kolom 2 baris 2

Untuk mengatur lebar dan tinggi masing-masing baris dan kolom tinggal kita tambah menjadi :

         -->tag awalpembuatan table dengantinggi 200 pixel danlebar 500 pixel

<tr height=”50”>                                 -->tag untuk mebuat baris ke1 dengan tinggi 50 pixel

                                -->penutup tag kolom 1 

                                    -->penutup tag kolom 2

tr>                                  -->penutup tag baris

<tr height=”150”>                           -->tag untuk membuat baris 2 dengan tinggi 150 pixel

                                     -->penutup tag kolom 1             "-_

<td>kolom 2  baris 2            -->tag untuk membuat kolom 2        "-_           
                                   -->penutup tag kolom 2      -----------"---> Tak usah diatur karena akan mengikuti kolom diatasnya

tr>                                  -->penutup tag baris

width=”100”>kolom 1 baris1             -->tag untuk membuat kolom 1 dengan lebar 100 pixel

width=”400”>kolom 2 baris 1             -->tag untuk membuat kolom 2  dengan lebar 400 pixel

kolom 2  baris 1           -->tag untuk membuat kolom 1 -_

                                -->penutup tag table

Hasil:

Kolom 1 baris 1	Kolom 2 baris 1
Kolom 1 baris 2	Kolom 2 baris 2

 Ket :

-          Panjang atau Lebar dapat ditulis dalam pixel dan persen

Untuk mengatur border tabel tinggal kita tambah menjadi :

border=”2” color=”red  width=”500” height=”200”>         -->tag awalpembuatan table dengantinggi 200 pixel danlebar 500 pixel

<tr>                                 -->tag untuk mebuat baris ke1

                               -->penutup tag kolom 1

<td>kolom 2 baris 1             -->tag untuk membuat kolom 2
                                    -->penutup tag kolom 2

tr>                                  -->penutup tag baris

<tr>                           -->tag untuk membuat baris 2

                                     -->penutup tag kolom 1

<td>kolom 2  baris 2            -->tag untuk membuat kolom 2
                                   -->penutup tag kolom 2

tr>                                  -->penutup tag baris

kolom 1 baris1             -->tag untuk membuat kolom 1

kolom 2  baris 1           -->tag untuk membuat kolom 1

                                -->penutup tag table

Hasil:

Kolom 1 baris 1	Kolom 2 baris 1
Kolom 1 baris 2	Kolom 2 baris 2

Ket :

-          Untuk menghilangkan border kita beri nilai border = 0

-          Warna dapat ditulis dalam bahasa inggris maupun hexadesimal

Posted in: