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>jadinya akan lebih bagus<table border="1px">
6. Kita gabungkan 2 kolom menjadi 1. kita tambahkan rowspan.
<tr>Maka hasilnya seperti di bawah
<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>
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