Jadual HTML mudah dibuat apabila 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 elemen
HTML 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 di sini . Sebagai CSS menjadi kaedah yang diterima untuk visual dan susun atur laman web, penggunaan jadual untuk ini telah 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 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.
Kesukaran: Purata
Masa Dikehendaki: 10 minit
Ini caranya:
- Pertama buka jadual
- Buka baris pertama dengan tag tr
- Buka lajur pertama dengan tag td td tdk
- 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 jadual
Anda juga boleh memilih untuk menambah tajuk jadual ke jadual anda menggunakan elemen | . Tajuk jadual ini akan menggantikan atau "data jadual" pada baris pertama, seperti ini:
| Name | Role | | Jeremy | td> 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. Jika anda perlu memaparkan maklumat jadual, jadual adalah cara untuk melakukannya. Sebenarnya, mengelakkan jadual kerana sesetengah kesucian yang sesat untuk mengelakkan elemen HTML sah ini adalah sebagai ke belakang kerana menggunakannya untuk alasan susun atur pada hari ini dan umur.
Ditulis oleh Jennifer Kyrin. Disunting oleh Jeremy Girard pada 8/11/16
| | |