CARA MEMBUAT TABLE HTML DAN BERBORDER



LENNER2020.                                       LENNER2020

Yo Assalamu'alaikum gaes kali ini saya mau ngasih tau cara membuat table berborder dengan HTML
Liat ya gaes kalo yang udah tau harap mundur dulu ini cuma untuk pemula :")
Oh iya table ada 7 bagian


.Tabel ditandai dengan tag *<table>* sebuah tabel dibagi menjadi beberapa baris ditandai dengan tag *<tr>*, dan beberapa kolom ditandai dengan tag *<td>*

1. Tabel dengan border berwarna

 
Contoh nya🤓

<table border="1" bordercolor="blue">
<tr>

<th>Nama</th>
<th>Tempat lahir</th>
<th>Hobby</th>
</tr>
<tr>
<td>1.Rafika</td>
<td>Malaysia</td>
<td>Nungguin Harimau bertelur</td>
</tr>
<tr>
<td>2.Ulandari</td>
<td>Kuala Lumpur</td>
<td>cabutin ketek ayam</td>
</tr>
</table>


*2.Tabel dengan colspan!🥕*
Oh iya fungsi dari colspan adalah
🥕untuk menggabungkan kolom bro🤓

Contohnya😇

<table border="1">
<tr>
<th>Hari</th>
<th colspan="3">Belajar</th>
</tr>
<tr>
<td>Senin</td>
<td>Ngitung Bintang</td>
<td>Makan Angin</td>
<td>Fisika ku sayang</td>
</tr>
</table>

*3. Tabel dengan Rowspan🥕*
Berfungsi menggabungkan baris😇

Contohnya😈

<table border="1">
<tr>
<th>Hari</th>
<th>Senin</th>
</tr>
<tr>
<th rowspan="3">Belajar</th>
<td>Ngitung Bintang</td>
</tr>
<tr>
<td>Makan Angin</td>
</tr>
<tr>
<td>Fisika ku sayang</td>
</tr>
</table>

*4. Tabel dengan Cellpadding🥕*
Untuk memberikan jarak antara border dengan konten

Contohnya???

<table border="1" cellpadding="10">
<tr>
<th>Hari</th>
<th>Senin</th>
</tr>
<tr>
<th rowspan="3">Belajar</th>
<td>Ngitung Bintang</td>
</tr>
<tr>
<td>Makan Angin</td>
</tr>
<tr>
<td>Fisika ku sayang</td>
</tr>
</table>
*5. Tabel dengan Cellspacing🥕*
Untuk memberi jarak antar cell
Example???

Contohnya😬😬

<table border="1" cellspacing="10">
<tr>
<th>Hari</th>
<th>Senin</th>
</tr>
<tr>
<th rowspan="3">Belajar</th>
<td>Ngitung Bintang</td>
</tr>
<tr>
<td>Makan Angin</td>
</tr>
<tr>
<td>Fisika ku sayang</td>
</tr>
</table>
*6. Tabel dengan background warna🥕*
Untuk warna latar tabel hehehe😇
Contoh nya kak ?? Tenang :)

<table border="1" bgcolor="yellow">
<tr>
<th>Hari</th>
<th>Senin</th>
</tr>
<tr>
<th rowspan="3">Belajar</th>
<td>Ngitung Bintang</td>
</tr>
<tr>
<td>Makan Angin</td>
</tr>
<tr>
<td>Fisika ku sayang</td>
</tr>
</table>
*7. Tabel dengan Background Gambar🥕*
Untuk mengubah latar tabel jdi gambar wokeee😂
Exp???

Kalo gk tau cara nambahin backroundnya ini saya kasih tau
1.kau masuk ke google nah terus kau cari gambar untuk. Kau jadikan backround,
2.selanjutnya kau tekan gambar yang kau mau jadikan backround nah langsung kau tekan buka di tab baru,
3.selanjutnya kau pergi ke tab baru abis itu salin semua linknya dan selesai

Oh iya lupa kodenya :v

<table border="1" background="https://i.ibb.co/f4B4wbs/Cat-Resin-5-D-Diamond-Painting-kit-Mosaic-Full-Round-Square-Display-Embroidery-Sale.jpg">
<tr>
<th>Hari</th>
<th>Senin</th>
</tr>
<tr>
<th rowspan="3">Belajar</th>
<td>Ngitung Bintang</td>
</tr>
<tr>
<td>Makan Angin</td>
</tr>
<tr>
<td>Fisika ku sayang</td>
</tr>
</table>

Udah segitu aja dari sayaa maaf kalo ada salah" kata makasih wasalamu'alaikum wr.wb
أحدث أقدم