Scribd Logo
Unggah

Selamat datang di Scribd!

  • Cara Membuat Tabel Di HTML

    Diunggah oleh

    Zainudin Aboed
    118 tayangan3 halaman
    html

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    html

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    118 tayangan3 halaman

    Cara Membuat Tabel Di HTML

    Diunggah oleh

    Zainudin Aboed
    html

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    Cara Membuat tabel di HTML (tag table)

    Dalam menampilkan data yang terstruktur atau tampilan dari database, kita biasanya
    akan membuatnya dalam bentuk tabel. HTML juga menyediakan Tabel tag digunakan
    untuk menampilkan data dalam bentuk tabel. Dalam tutorial belajar HTML cara membuat
    tabel HTML ini kita akan membahas cara penggunaannya.
    Tabel tag setidaknya membutuhkan 3 buah tag, yaitu <tabel>, <tr>, dan <td>.

    <tabel> digunakan untuk memulai tabel

    <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.

    <td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel.

    <th>..</th> : digunakan untuk membuat tampilan kolom header tabel, th kependekan dari
    table head

    Read more: http://impoint.blogspot.com/2013/03/cara-membuat-tabel-denganhtml.html#ixzz2m6AUJaoD


    Dilarang copy paste artikel tanpa menggunakan sumber link - DMCA Protected
    Follow us: @ravdania on Twitter | pemakan.worell on Facebook

    Contoh penggunaan tag <tabel>:


    1
    2
    <!DOCTYPE html>
    <html>
    3
    <head>
    4
    <title>Penggunaan Tag Tabel</title>
    5
    </head>
    6
    <body>
    7
    <h1>Belajar Tag Tabel</h1>
    <table border="1">
    8
    <tr>
    9
    <td>Baris 1, Kolom 1</td>
    10
    <td>Baris 1, Kolom 2</td>
    11
    <td>Baris 1, Kolom 3</td>
    </tr>
    12
    <tr>
    13
    <td>Baris 2, Kolom 1</td>
    14
    <td>Baris 2, Kolom 2</td>
    15
    <td> Baris 2, Kolom 3</td>
    16
    </tr>
    <tr>
    17
    <td> Baris 3, Kolom 1</td>
    18
    <td> Baris 3, Kolom 2</td>
    19
    <td> Baris 3, Kolom 3</td>
    20
    </tr>
    <tr>
    21
    <td> Baris 4, Kolom 1</td>
    22
    <td> Baris 4, Kolom 2</td>
    23
    <td> Baris 4, Kolom 3</td>
    24
    </tr>
    25
    </table>
    </body>
    26
    </html>
    27
    28

    29
    30
    31

    Perhatikan bahwa pada tag <tabel>, kita memberikan sebuah atribut, yaitu border.
    Dimana kita memberikan nilai untuk besar garis tepi dari tabel. Nilai ini dalam
    ukuran pixel. border=1, berarti kita mengistruksikan kepada browser bahwa tabel
    tersebut akan memiliki garis tepi sebesar 1 pixel.
    Atribut pendukung Table :
    align
    valign
    width
    height
    border
    border-color
    cellpadding
    cellspacing
    bgcolor
    background
    rowspan
    colspan

    : untuk mengatur posisi horizontal


    : untuk mengatur posisi vertikal
    : untuk mengatur lebar
    : untuk mengatur tinggi
    : untuk mengatur tebal garis
    : untuk memberi tebal garis dengan warna
    : untuk mengatur jarak garis dengan objek didalamnya
    : untuk mengatur jarak tiap cell
    : untuk mengatur warna
    : untuk mengatur latar gambar
    : jumlah baris yang memotong beberapa baris
    : jumlah kolom yang memotong beberapa kolom

    Berikut ini adalah contoh dari tabel dengan beberapa kode warna dengan atribut :

    Susunan script kodenya :


    <table width="510" border="1" cellspacing="0" cellpadding="3">
    <tr>
    <th width="58" rowspan="3" bgcolor="#00CCCC">Rowspan 3</th>

    <th width="79" height="41" bgcolor="#00CCCC">Nama</th>


    <th width="83" bgcolor="#33FF33">Alamat</th>
    <th width="92" bgcolor="#FF9900">Telp.</th>
    <th colspan="2" bgcolor="#FF9900">Colspan 2</th>
    </tr>
    <tr>
    <td bgcolor="#66CCFF">ALI</td>
    <td align="center" bgcolor="#99CC66">Jl. Ijo</td>
    <td bgcolor="#9966FF">11211</td>
    <td width="92" bgcolor="#9966FF">&nbsp;</td>
    <td width="92" bgcolor="#9966FF">&nbsp;</td>
    </tr>
    <tr>
    <td bgcolor="#FFFF00">UDIN</td>
    <td align="center" bgcolor="#FFFF00">Jl. Rencong</td>
    <td bgcolor="#FFFF00">23232</td>
    <td bgcolor="#FFFF00">&nbsp;</td>
    <td bgcolor="#FFFF00">&nbsp;</td>
    </tr>
    </table>

    Read more: http://impoint.blogspot.com/2013/03/cara-membuat-tabel-denganhtml.html#ixzz2m64krTTg


    Dilarang copy paste artikel tanpa menggunakan sumber link - DMCA Protected
    Follow us: @ravdania on Twitter | pemakan.worell on Facebook

    Anda mungkin juga menyukai