Scribd Logo
Unggah

Selamat datang di Scribd!

  • Cara Membuat Table

    Diunggah oleh

    anto tangahu
    18 tayangan5 halaman
    Tag HTML

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Tag HTML

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    18 tayangan5 halaman

    Cara Membuat Table

    Diunggah oleh

    anto tangahu
    Tag HTML

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 5

    Cara Membuat Table

    Sebenarnya tidak terlalu sulit cara membuat table dalam HTML, Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. fungsi pembuatan table sebenarnya banyak sekali mulai dari memberi batas dan jarak, untuk memperindah tampilan, membuat Frame dan masih banyak yang lainya. Untuk menampilkan dalam bentuk tabel pada HTML, digunakan tag <table> </table>. Elemen tabel berisi properti <tr></tr> untuk menentukan baris (table row) yang didalamnya terdapat properti <td></td> untuk menampilkan data pada setiap sel tabel (table data).

    Struktur lengkap dari elemen tabel adalah sebagai berikut: Atribut Elemen Table width height border = panjang ( lebar tabel, pixel atau persen ) = panjang ( tinggi tabel, pixel atau persen) = pixel ( tebal garis tepi )

    cellspacing = pixel ( spasi antar sel ) cellpadding = pixel ( spasi di dalam ) align bgcolor = [ left | center | right ] ( perataan tabel) = warna ( warna latar belakang tabel)

    Atribut Table Row align valign bgcolor = [ left | center | right ] (perataan sebaris sel secara horizontal) = [ top | middle | bottom ] (perataan sebaris sel secara vertical) = warna ( warna latar belakang baris)

    Atribut Table Data rowspan colspan align valign width height bgcolor = angka (baris yang di span oleh sel) = angka (kolom yang di span oleh sel) = [ left | center | right ] ( perataan horizontal) = [top | middle | bottom ] (perataan vertical) = pixel ( lebar sel, pixel atau persen ) = panjang ( tinggi sel, pixel atau persen) = warna ( warna latar belakang sel)

    Contoh pembuatan table dan tatak letaknya

    Code: <table width="294" border="1"> <tr> <td width="81" height="33">atas kiri</td> <td width="87">atas tengah </td> <td width="104">atas kanan </td> </tr> <tr> <td height="35">tengah kiri </td> <td>tengah tengah </td> <td>tengah kanan </td> </tr> <tr> <td height="35">bawah kiri </td>

    <td>bawah tengah </td> <td>kiri bawah</td> </tr> </table>

    Hasil:

    atas kiri tengah kiri bawah kiri

    atas tengah tengah tengah bawah tengah

    atas kanan tengah kanan kiri bawah

    Penggunaan Table dengan atribut tambahan.

    <html> <head> <title>Membuat table</title> </head> <body> <table width="500" border="1"> <tr><td> baris 1 kolom 1 dimerger gengan baris 1 kolom 2</td> <td>baris 1 kolom 3</td> </tr> <td>baris 2 kolom 1</td> <td>baris 2 kolom 2 </td> </tr> <tr> <td>baris 3 kolom 1</td> <td colospan="2">merger juga</td> </tr> </table> </body> </html>

    Hsilnya akan seperti berikut:

    baris 1 kolom 1 dimerger gengan baris 1 kolom 2

    baris 1 kolom 3

    baris 2 kolom 1 baris 3 kolom 1

    baris 2 kolom 2 merger juga

    Anda mungkin juga menyukai