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 elemen HTML
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 rumit yang membuat banyak markup HTML ekstra dan yang tidak akan pernah dapat digunakan saat ini di dunia multiperangkat yang ditinggali situs web kami . Karena CSS menjadi metode yang diterima untuk visual dan tata letak halaman web, penggunaan tabel untuk ini menjadi dijauhi dan banyak perancang web secara keliru percaya 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 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.
Kesulitan: Rata-rata
Waktu yang dibutuhkan: 10 menit
Begini Cara:
- Pertama buka tabel
- Buka baris pertama dengan tag tr
- Buka kolom pertama dengan tag td
- Tulis isi selnya
- Tutup sel pertama dan buka yang kedua
- Tulis isi sel kedua
- Tutup sel kedua dan tutup baris
- Tulis baris kedua tepat seperti
| | yang pertama - Kemudian tutup meja
Anda juga bisa memilih untuk menambahkan header tabel ke meja Anda menggunakan elemen | . Header tabel ini akan menggantikan potongan "data tabel" di baris tabel pertama, seperti ini:
| Nama | Peran | | Jeremy | Perancang < td> 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 tujuan tata letak. 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 pada 8/11/16
| | |