Panduan Membuat Tabel Dengan Code HTML Mudah dan Lengkap
Dalam hal ini Blogger telah melakukan banyak perubahan dari sekian lama, baru pada tahun 2020 Blogger menerapkan tampilan baru serta perubahan menu yang tersedia di text editor Blogger.
Salah satu yang dikeluhkan oleh publisher adalah menu tabel, ya menu tabel kini sudah tidak tersedia, lalu cara membuat tabel di Blogger adalah dengan menggunakan mode HTML dan menuliskan code HTML tabel pada halaman editor yang anda inginkan.
Dalam hal ini anda tidak perlu susah payah dalam membuat tabel, berikut script tabel yang dapat anda gunakan.
<body>
<table border="0" width="100%">
<tr>
<td width="30%">Nama Bahan</td>
<td width="70%">Jumlah</td>
</tr>
<tr>
<td>Coklat Bubuk</td>
<td>1 Sendok Makan</td>
</tr>
<tr>
<td>Air Panas</td>
<td>2 Sendok Makan</td>
</tr>
</table>
</body>
Dalam code diatas dapat disimpulkan sebagai berikut:
Itulah cara membuat tabel di mode HTML pada Blogger, berikan komentar anda dan semoga bermanfaat . . .
- border="0" adalah ukuran garis tabel, jika 0 artinya garis tidak akan terlihat, tetapi jika anda ingin dibuat terlihat ubah angka 0 menjadi 1 dst.
- width="100%" adalah lebar tabel, hal ini bertujuan agar tabel responsive baik di desktop ataupun mobile.
- <tr></tr> adalah untuk menambah kolom kebawah.
- <td></td> adalah untuk menambah kolom ke samping.
Catatan: pada code <td> terdapat code lebar, ini bertujuan menentukan panjang kolom yang diinginkan, semisal tabel nomor yang hanya membutuhkan lebar sedikit, jika anda ingin menambahkan tinggi tabel cukup tuliskan code height. Dalam pemberian code lebar pada kolom yang diinginkan cukup diawal saja, untuk yang kedua secara otomatis akan mengikuti.
Itulah cara membuat tabel di mode HTML pada Blogger, berikan komentar anda dan semoga bermanfaat . . .
Situs download software lengkap dan mudah - Tutorial lengkap tentang website, sosial media, dan komputer - Sumber referensi tugas sekolah dan informasi lainnya
0 Response to "Panduan Membuat Tabel Dengan Code HTML Mudah dan Lengkap"
Post a Comment
√ Komentar anda adalah motivasi kami!
√ Untuk menyisipkan code gunakan
<i rel="code">Tuliskan Code</i>
√ Untuk menyisipkan gambar gunakan
<i rel="image">URL Gambar</i>
√ Untuk menyisipkan catatan gunakan
<b rel="quote">Tuliskan Catatan Anda</b>
√ Centang Notify me untuk mendapatkan notifikasi balasan komentar melalui Email