Jadual HTML mudah dicipta sebaik sahaja anda memahami asas-asas baris dan lajur, dan juga sebaik sahaja anda faham apabila OK untuk menggunakan jadual dan apabila anda harus mengelakkannya.
Sejarah Ringkas Meja dan Reka Bentuk Web
Ramai tahun yang lalu, sebelum diterima CSS dan piawaian web, pereka web menggunakan HTML
elemen untuk membuat susun atur halaman untuk laman web. Reka bentuk laman web akan "dihiris" menjadi kepingan kecil seperti teka-teki dan kemudian digabungkan dengan jadual HTML untuk membuat dalam pelayar seperti yang dimaksudkan. Ia adalah proses yang sangat kompleks yang menghasilkan banyak markup HTML tambahan dan yang tidak akan dapat digunakan hari ini di dunia multi-skrin laman web kami yang tinggal. Sebagai CSS menjadi kaedah yang diterima untuk visual dan susunatur laman web, penggunaan jadual untuk ini menjadi dijauhi dan banyak pereka web tersilap percaya bahawa "jadual adalah buruk." Itu adalah dan tidak benar. Jadual untuk susun atur adalah buruk, tetapi mereka masih mempunyai tempat dalam reka bentuk web dan HTML, iaitu memaparkan data jadual seperti kalendar atau jadual kereta api. Untuk kandungan itu, menggunakan jadual masih merupakan pendekatan yang boleh diterima dan baik.
Jadi bagaimana anda meletakkan meja? Mari kita mulakan dengan membuat jadual 2x2 sahaja. Ini akan mempunyai 2 tiang (ini adalah blok menegak) dan 2 baris (blok melintang). Selepas anda telah membina jadual 2x2, anda boleh membina mana-mana jadual saiz yang anda inginkan hanya dengan menambah baris atau lajur tambahan.
Ini caranya
-
Pertama buka meja
-
Buka baris pertama dengan tag tr
-
Buka lajur pertama dengan tag td
|
-
Tulis kandungan sel
-
Tutup sel pertama dan buka kedua
|
-
Tulis kandungan sel kedua
-
Tutup sel kedua dan tutup baris
-
Tulis baris kedua sama seperti yang pertama
| | |
-
Kemudian tutup meja
-
Itu sahaja!
Anda juga boleh memilih untuk menambah tajuk jadual ke jadual anda menggunakan
elemen. Tajuk jadual ini akan menggantikan kepingan "data jadual" dalam baris jadual pertama, seperti ini:
| Nama | Peranan | | Jeremy | Pereka | Jennifer | Pemaju |
Apabila halaman ini akan dipaparkan dalam penyemak imbas, barisan pertama dengan tajuk jadual akan, secara lalai, dipaparkan dalam teks tebal dan mereka akan berpusat di dalam sel jadual yang mereka muncul.
Jadi, Adakah Ia OK untuk Menggunakan Jadual dalam HTML?
Ya, selagi anda tidak menggunakannya untuk tujuan susun atur, ok untuk menggunakan jadual. Jika anda perlu memaparkan maklumat jadual, jadual adalah cara untuk melakukannya. Sebenarnya, mengelakkan jadual kerana sesetengah kesucian yang sesat untuk menghindari unsur HTML yang sah ini adalah sebagai mundur kerana menggunakannya untuk alasan susun atur pada hari ini dan umur.
Ditulis oleh Jennifer Kyrin. Diedit oleh Jeremy Girard.
|
