Senin, 09 Oktober 2017

Workshop bersama PHP Indonesia with Mas Adhika Yuana | Table

 A. JUDUL

Workshop bersama PHP Indonesia with Mas Adhika Yuana | Table

B. PENDAHULUAN
1. Pengertian
Tabel dapat merujuk kepada:
  • Tabel apda informasi berarti sebuah alat untuk menampilkan informasi dalam bentuk matriks.
  • Tabel pada database sebuah set data di dalam suatu database.
  • Tabel dapat berarti daftar. Wikipedia memiliki beragam daftar sebagai alat bantu navigasi dan pengembangan artikel.

2. Latar Belakang
Mengapa membuat tabel? Karena dengan tabel informasi yang disajikan akan lebih jelas dan lebih mudah untuk diterima.

3. Maksud danTujuan
Untuk memperjelas informasi tambahan dan mengasah kemampuan dalam membuat tabel.

4. Hasil yang Diharapkan
Tabel modifikasi collspan dan rowspan.

C. ALAT dan BAHAN
1. PC
2. Text Editor

D. JANGKA WAKTU
2 jam

E. LANGKAH-LANGKAH
1. Siapkan laptop
2. Buka text editor
3. Kita buat tabel terkebih dahulu kerangka html nya dahulu
4. Ketikkan script html seperti di bawah ini.
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <table>
        <thead>
            <tr>
                <th>Nama Lengkap</th>
                <th>Alamat</th>
                <th>Umur</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Indah Uminaroh</td>
                <td>Dsn. Murong 14/007, Ds. Bajulan, Kec. Saradan</td>
                <td>Mau 17, tgl 26 Februari nanti^_^</td>
            </tr>
        </tbody>
    </table>
</body>
</html>
Dan ketika dibuka lewat browser jadinya seperti ini 
5. Nah, kalau seperti diatas ita masih kesulitan untuk membedakan mana value nya. Oleh karena itu kita akan memberi border. diletakkan pada tag <table>

<table border="1px">
jadinya akan lebih bagus

6. Kita gabungkan 2 kolom menjadi 1. kita tambahkan rowspan. 
<tr>
                <td>Indah Uminaroh</td>
                <td rowspan="2">Dsn. Murong 14/007, Ds. Bajulan, Kec. Saradan</td>
                <td>Mau 17, tgl 26 Februari nanti^_^</td>
            </tr>
            <tr>
                <td>Sabna Ananda Putri</td>
                <td>16,5</td>
            </tr>
Maka hasilnya seperti di bawah
7. Kita gabungkan 2 kolom menjadi 1 setelah sebelumnya 2 baris jadi satu.
<tr>
                <th colspan="2">Nama Lengkap dan Alamat</th>
                <th>Umur</th>
            </tr>

F. HASIL yang DIDAPAT
1. tabel daat dimodifikasi colspan maupun rowspan.

G. PENEMUAN PERMASALAHAN
-

H. KESIMPULAN
- Tabel seperti apapun dapat kita buat menggunakan script html, bisa 2 ata lebih kolom digabungkan menjadi 1. Begitu juga baris.

I. REFERENSI
https://id.wikipedia.org/wiki/Tabel

Tidak ada komentar:
Write komentar