Scribd Logo
Unggah

Selamat datang di Scribd!

  • 3.4 Tabel

    Diunggah oleh

    Aji Prasetya Wibisono
    7 tayangan16 halaman

    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

    Hak Cipta:

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

    3.4 Tabel

    Diunggah oleh

    Aji Prasetya Wibisono

    Hak Cipta:

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

    Modul bahan Ajar

    Aji Prasetya Wibisono, S.Pd


    198805242020121008
    SMKN 1 Kawali

    3.3 Menerapkan format tabel pada halaman web


    4.3 Membuat kode html untuk menampilkan tabel pada halaman web.

    Tabel terdiri dari 4 unsur utama;


    1. Baris
    2. Colom
    3. Sel
    4. Baris

    tag untuk membuat tabel di HTML


    1. tag <table>untuk membungkus tabelnya
    2. tag <head> untuk membungkus bagian kepala tabel
    3. tag <tbody>untuk membungkus bagian dari bodi tabel
    4. tag <tr> (tabel row) untuk membuat baris
    5. tag <td> (tabel data) untuk membuat sel
    6. tag <th> (tabel head) untuk membuat judul pada header

    di bawah ini adlah contoh untuk pembuatan tabel

    Aji Prasetya Wibisono, S.Pd


    Dan hasilnya :

    Penulis belum menambahkan atribut border untuk tabel di atas, agar tabelnya
    memiliki garis maka penulis akan menambahkan atribut border dengan nilai 1.

    2 Pemrograman Web Perangkat Bergerak


    Dan hasilnya akan seperti ini:

    Nilai “1” pada atribut order mengartikan ketebalan, semakin besar nilai nya maka
    semakin tebal barisnya.

    Mengatur jarak Sel dengan Cellpading


    Atribut cellpading adalah atribut untuk mengatur jarak teks dengan garis di dalam
    sel.
    Atribut ini di simpan di dalam <table>

    Aji Prasetya Wibisono, S.Pd


    Nilai 10 yang di sisipkan pada cellpadding mengartikan ukuran jarak antara teks sel
    dengan garis.

    Menambahkan warna pada Sel dan Baris

    Untuk menambahkan warna pada sel dan baris, bias menggunakan tribute bgcolor
    di dalam tag <td> (untuk sel) atau <tr> (untuk baris), seperti contoh di bawah ini.

    4 Pemrograman Web Perangkat Bergerak


    Maka hasilnya akan seperti ini:

    Untuk code-code warna, bias di cari d google dengan kata kunci

    Menggabungkan sel tabel


    Atribut yang digunakan untuk menggabungkan sel tabel adalah :
    1. rowspan untuk menggabungkan baris
    2. colspan untuk menggabungkan kolom
    atribut ini bias di sisipkan pada tag <td> atau <th>

    Aji Prasetya Wibisono, S.Pd


    Ini adalah contohnya :

    6 Pemrograman Web Perangkat Bergerak


    Hasilnya :

    Aji Prasetya Wibisono, S.Pd


    A. Latihan
    Latihan 4.1 (Memberi Warna Latar Baris)

    8 Pemrograman Web Perangkat Bergerak


    Latihan 4.2 (Memasukkan Gambar ke dalam Tabel)

    Aji Prasetya Wibisono, S.Pd


    Latihan 4.3 (Mengatur Nilai CELLSPACING dalam Tabel)

    1 Pemrograman Web Perangkat Bergerak


    0
    Latihan 4.4 (Mengatur Nilai CELLPADDING dalam Tabel)

    Aji Prasetya Wibisono, S.Pd


    Latihan 4.5 (Penomoran dalam Daftar Terurut)

    1 Pemrograman Web Perangkat Bergerak


    2
    Latihan 4.6 (Daftar Tidak Terurut)

    Aji Prasetya Wibisono, S.Pd


    Latihan 4.7 (Daftar Definisi)

    1 Pemrograman Web Perangkat Bergerak


    4
    Latihan 4.8 (Menampilkan Karakter Khusus)

    Aji Prasetya Wibisono, S.Pd


    1 Pemrograman Web Perangkat Bergerak
    6

    Anda mungkin juga menyukai