Tabel menyediakan metode paling sederhana untuk membuat katalog online dalam HTML. Tabel tiga kolom memberi Anda ruang untuk gambar produk, deskripsi, dan informasi pengiriman/pemesanan. Memasukkan informasi ke dalam tabel mengurangi jumlah waktu yang dibutuhkan untuk membenarkan teks. Selain itu, tabel memberi Anda kendali atas ruang kosong yang mengelilingi informasi di halaman Anda untuk meningkatkan tampilan dan kejelasan situs web Anda.
Langkah 1
Tentukan tabel dengan batas satu piksel menggunakan bukaan
menandai:Video Hari Ini
Langkah 2
Masukkan baris pertama sel dan isinya dengan kode ini:
Langkah 3
Masukkan baris kedua sel dan isinya dengan kode ini:
Langkah 4
Tutup tabel dengan tag penutup:
 |
Ini adalah deskripsi item pertama. | Item ini saat ini tersedia. |
 |
Ini adalah deskripsi item kedua. | Item ini ada di backorder. |
Tip
Contoh sederhana ini menghasilkan tabel dengan dua baris dan tiga kolom. Kolom pertama menampilkan gambar produk berukuran 60 kali 60 piksel menggunakan tag. Kolom kedua dan ketiga menampilkan deskripsi produk dan informasi stok. Perhatikan bahwa setiap baris dimulai dan diakhiri dengan tag dan setiap item dalam baris dimulai dan diakhiri dengan tag. Sisipkan kolom atau baris sebanyak yang Anda butuhkan untuk mendeskripsikan produk Anda.
Masukkan perintah cellpadding segera setelah spesifikasi batas dalam definisi tabel untuk menambah jumlah ruang putih antara batas tabel dan konten Anda. Sebagai contoh,
menciptakan ruang putih 10-piksel di sekitar konten setiap sel dalam tabel.referensi
- W3Schools.com: Tabel HTML
