Pemrograman HTML8

TABEL

Untuk membuat tabel pada halaman html kita gunakan tag :

        -->tag awal pembuatan table

             -->tag untuk mebuat baris
              -->tag untuk membuat kolom
            -->penutup tag kolom

             -->penutup tag baris
          -->penutup tag table

Hasil :

Untuk menambah jumlah kolom tinggal kita tambah menjadi :

                  -->tag awal pembuatan table

                       -->tag untuk mebuat baris
kolom1 baris 1    -->tag untuk membuat kolom 1
                          -->penutup tag kolom 1

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

                           -->penutup tag baris
                         -->penutup tag table

Hasil :

Kolom 1 baris 1

Kolom 2 baris 2

Untuk menambah jumlah baris tinggal kita tambah menjadi :

         -->tag awal pembuatan table

                                 -->tag untuk mebuat baris ke1
kolom 1 baris1             -->tag untuk membuat kolom 1
                                -->penutup tag kolom 1

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

                                  -->penutup tag baris

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

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

                                  -->penutup tag baris
                                -->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 awal pembuatan table dengan tinggi 200 pixel dan lebar 500 pixel

                                 -->tag untuk mebuat baris ke1
kolom 1 baris1             -->tag untuk membuat kolom 1
                                -->penutup tag kolom 1

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

                                  -->penutup tag baris

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

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

                                  -->penutup tag baris
                                -->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 awal pembuatan table dengan tinggi 200 pixel dan lebar 500 pixel

height=”50”-->                                 -->tag untuk mebuat baris ke1 dengan tinggi 50 pixel
height=”150”-->                           -->tag untuk membuat baris 2 dengan tinggi 150 pixel
kolom 2  baris 1           -->tag untuk membuat kolom 1
                                     -->penutup tag kolom 1

kolom 2  baris 2            -->tag untuk membuat kolom 2                   
                                   -->penutup tag kolom 2                                (tak usah diatur karena akan mengikuti kolom diatasnya)

                                  -->penutup tag baris
                                -->penutup tag table

Hasil:

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

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 awal pembuatan table dengan tinggi 200 pixel dan lebar 500 pixel

                                 -->tag untuk mebuat baris ke1
kolom 1 baris1             -->tag untuk membuat kolom 1
                               -->penutup tag kolom 1

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

                                  -->penutup tag baris

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

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

                                  -->penutup tag baris
                                -->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: