A. PENDAHULUAN
Pada Kesempatan kali ini kita akan membahas dan memahami cara membuat Table di HTML
B. PENGERTIAN
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Tabel dibuat dengan menggunakan tag <table>. Sebuah tabel dibagi menjadi baris-baris, dan tiap baris dibagi ke dalam cell-cell.
C. MAKSUD DAN TUJUAN
Dapat memahami dan mencoba untuk membuat table di html
D. PEMBAHASAN
Mari kita coba praktekkan untuk membuat table di HTML
1. Ketikkan Kode berikut ini di lembar kerja yang baru atau kalian bisa membuatnya sendiri.
<!DOCTYPE html>
<html>
<body>
<table style="width:100%">
<tr>
<th>Nama Lengkap</th>
<th>Nama Panggilan</th>
<th>Umur</th>
</tr>
<tr>
<td>Budi Setiawan</td>
<td>Budi</td>
<td>19</td>
</tr>
<tr>
<td>Agung Sucipto</td>
<td>Agung</td>
<td>30</td>
</tr>
<tr>
<td>Muhammad Fauzan</td>
<td>Fauzan</td>
<td>17</td>
</tr>
</table></body>
</html>
2. Untuk masalah nama lengkap , nama panggilan dan umur bisa kalian ganti sesuai keinginan kaliuan sendiri. selanjutnya simpan file tersebut. lalu double klik file tersebut untuk membukanya.
hasilnya :
E. MASALAH YANG DITEMUKAN
Sering Lupa untuk menutup suatu tag
F. KESIMPULAN
Tag <table> adalah pembuka daripada pembuatan table, di dalam table ada baris yang dimulai dengan <tr>. Jika ada satu <tr> maka akan ada satu baris, begitupun selanjutnya. Di dalam baris ada cell-cell yang sering disebut kolom, yang biasanya kita isi dengan berbagai bentuk data. Cell atau kolom ini dibuka atau dimulai dengan <td>. Tag <td> ini diakhiri dengan </td> sebagai penutup kolom. Data-data yang berada dalam tag <td>...</td> akan berada dalam satu kolom. Jika ingin membuat 3 kolom dalam satu baris, maka di dalam <tr>...</tr> kita inputkan tiga <td>...</td>. Begitupun pada <tr>, jika kita ingin membuat tiga baris table maka kita harus ketikkan tiga <tr>...</tr> di dalam <table>...</table>.
G. REFERENSI
https://www.mahadisuta.net/2012/06/pengertian-table-dan-penerapannya-dalam.html
https://www.w3schools.com
Sekian dan Terima Kasih karena sudah membaca Blog saya yang Sederhana Ini 😁 Jika ada salah arti atau kata bisa beri komentar kalian di kolom komentar.....
Pada Kesempatan kali ini kita akan membahas dan memahami cara membuat Table di HTML
B. PENGERTIAN
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Tabel dibuat dengan menggunakan tag <table>. Sebuah tabel dibagi menjadi baris-baris, dan tiap baris dibagi ke dalam cell-cell.
C. MAKSUD DAN TUJUAN
Dapat memahami dan mencoba untuk membuat table di html
D. PEMBAHASAN
Mari kita coba praktekkan untuk membuat table di HTML
1. Ketikkan Kode berikut ini di lembar kerja yang baru atau kalian bisa membuatnya sendiri.
<!DOCTYPE html>
<html>
<body>
<table style="width:100%">
<tr>
<th>Nama Lengkap</th>
<th>Nama Panggilan</th>
<th>Umur</th>
</tr>
<tr>
<td>Budi Setiawan</td>
<td>Budi</td>
<td>19</td>
</tr>
<tr>
<td>Agung Sucipto</td>
<td>Agung</td>
<td>30</td>
</tr>
<tr>
<td>Muhammad Fauzan</td>
<td>Fauzan</td>
<td>17</td>
</tr>
</table></body>
</html>
hasilnya :
E. MASALAH YANG DITEMUKAN
Sering Lupa untuk menutup suatu tag
F. KESIMPULAN
Tag <table> adalah pembuka daripada pembuatan table, di dalam table ada baris yang dimulai dengan <tr>. Jika ada satu <tr> maka akan ada satu baris, begitupun selanjutnya. Di dalam baris ada cell-cell yang sering disebut kolom, yang biasanya kita isi dengan berbagai bentuk data. Cell atau kolom ini dibuka atau dimulai dengan <td>. Tag <td> ini diakhiri dengan </td> sebagai penutup kolom. Data-data yang berada dalam tag <td>...</td> akan berada dalam satu kolom. Jika ingin membuat 3 kolom dalam satu baris, maka di dalam <tr>...</tr> kita inputkan tiga <td>...</td>. Begitupun pada <tr>, jika kita ingin membuat tiga baris table maka kita harus ketikkan tiga <tr>...</tr> di dalam <table>...</table>.
G. REFERENSI
https://www.mahadisuta.net/2012/06/pengertian-table-dan-penerapannya-dalam.html
https://www.w3schools.com
Sekian dan Terima Kasih karena sudah membaca Blog saya yang Sederhana Ini 😁 Jika ada salah arti atau kata bisa beri komentar kalian di kolom komentar.....
Tidak ada komentar:
Posting Komentar