Tabel HTML mudah dibuat setelah Anda memahami dasar-dasar baris dan kolom, dan juga setelah Anda memahami kapan OK untuk menggunakan tabel dan kapan Anda harus menghindarinya.
Sejarah Singkat Tabel dan Desain Web
Bertahun-tahun yang lalu, sebelum diterima CSS dan standar web, desainer web menggunakan HTML
elemen untuk membuat tata letak halaman untuk situs. Desain situs web akan "diiris" menjadi potongan-potongan kecil seperti teka-teki dan kemudian digabungkan dengan tabel HTML untuk ditampilkan di browser sebagaimana dimaksud. Ini adalah proses yang sangat kompleks yang membuat banyak markup HTML tambahan dan yang tidak akan pernah dapat digunakan saat ini di dunia multiperangkat yang ditinggali oleh situs web kami. Karena CSS menjadi metode yang diterima untuk visual dan tata letak laman web, penggunaan tabel untuk ini menjadi banyak desainer web yang salah mengira bahwa "tabel itu buruk." Itu dan itu tidak benar. Tabel untuk tata letak buruk, tetapi mereka masih memiliki tempat dalam desain web dan HTML, yaitu untuk menampilkan data tabular seperti jadwal kalender atau kereta. Untuk konten itu, menggunakan tabel masih merupakan pendekatan yang baik dan dapat diterima.
Jadi bagaimana Anda menyusun tabel? Mari kita mulai dengan membuat tabel 2x2. Ini akan memiliki 2 kolom (ini adalah blok vertikal) dan 2 baris (blok horizontal). Setelah Anda membangun tabel 2x2, Anda dapat membuat tabel ukuran apa pun yang Anda inginkan hanya dengan menambahkan baris atau kolom tambahan.
Begini Cara
-
Pertama buka mejanya
-
Buka baris pertama dengan tag tr
-
Buka kolom pertama dengan tag td
|
-
Tulis isi selnya
-
Tutup sel pertama dan buka sel kedua
|
-
Tulis isi sel kedua
-
Tutup sel kedua dan tutup baris
-
Tulis baris kedua tepat seperti yang pertama
| |
-
Kemudian tutup meja
-
Itu dia!
Anda juga bisa memilih untuk menambahkan header tabel ke meja Anda menggunakan
elemen. Header tabel ini akan menggantikan bagian "data tabel" di baris tabel pertama, seperti ini:
Nama | Peran | Jeremy | Perancang | Jennifer | Pengembang |
Ketika halaman ini akan ditampilkan di browser, baris pertama dengan header tabel akan, secara default, ditampilkan dalam teks tebal dan mereka akan dipusatkan di sel tabel tempat mereka muncul.
Jadi, Apakah OK untuk Menggunakan Tabel dalam HTML?
Ya, selama Anda tidak menggunakannya untuk keperluan tata letak, tidak apa-apa menggunakan tabel. Jika Anda perlu menampilkan informasi tabular, tabel adalah cara untuk melakukannya. Bahkan, menghindari meja karena kemurnian sesat untuk menghindari elemen HTML yang sah ini adalah mundur seperti menggunakan mereka untuk alasan tata letak di hari ini dan usia.
Ditulis oleh Jennifer Kyrin. Diedit oleh Jeremy Girard.
|