Rumah hujung hadapan web tutorial css Pemahaman mendalam tentang teg jadual_Pertukaran pengalaman

Pemahaman mendalam tentang teg jadual_Pertukaran pengalaman

May 16, 2016 pm 12:04 PM
table Label lembaran

Tidak lama dahulu, saya mencari tag utama yang terkandung dalam jadual, sudah tentu, saya menemuinya dan berkongsi dengan semua orang.

Teg jadual terutamanya termasuk jadual, kapsyen, ke, tr, td, thead, tfoot, tbody, col, colgroup Pengenalan setiap satu adalah seperti berikut:

tag jadual boleh menentukan jadual. Di dalam teg
, anda boleh meletakkan tajuk jadual, baris jadual, lajur jadual, sel jadual dan jadual lain.


Tentukan baris dalam jadual.


Tentukan pengepala jadual.
Elemen thead, tfoot dan tbody memberi anda keupayaan untuk mengumpulkan baris dalam jadual. Apabila anda membuat jadual, anda mungkin mahu mempunyai baris pengepala, beberapa baris dengan data dan jumlah baris di bahagian bawah. Bahagian ini memberikan pelayar keupayaan untuk menyokong tatal badan jadual bebas daripada pengepala dan pengaki jadual. Apabila jadual panjang dicetak, pengepala dan pengaki jadual boleh dicetak pada setiap halaman yang mengandungi data jadual.


Tentukan isi jadual (teks).
Menggunakan teg
, jadual boleh dibahagikan kepada bahagian yang berasingan. Teg mengumpulkan satu atau beberapa baris dalam jadual. Walaupun anda mungkin mahu memasukkan satu, malah dua atau lebih
teg dalam jadual anda, kami mengesyorkan agar tiada teg dalam jadual anda. Antara teg
, hanya teg boleh mentakrifkan baris jadual. Dan setelah ditakrifkan, teg ialah bahagian bebas jadual. Contohnya, anda tidak boleh menyeberang dari satu ke yang lain. Elemen thead, tfoot dan tbody memberi anda keupayaan untuk mengumpulkan baris dalam jadual. Apabila anda membuat jadual, anda mungkin mahu mempunyai baris pengepala, beberapa baris dengan data dan jumlah baris di bahagian bawah. Bahagian ini memberikan pelayar keupayaan untuk menyokong tatal badan jadual bebas daripada pengepala dan pengaki jadual. Apabila jadual panjang dicetak, pengepala dan pengaki jadual boleh dicetak pada setiap halaman yang mengandungi data jadual.


Takrifkan pengaki (nota kaki) jadual.

Elemen thead, tfoot dan tbody memberi anda keupayaan untuk mengumpulkan baris dalam jadual. Apabila anda membuat jadual, anda mungkin mahu mempunyai baris pengepala, beberapa baris dengan data dan jumlah baris di bahagian bawah. Bahagian ini memberikan pelayar keupayaan untuk menyokong tatal badan jadual bebas daripada pengepala dan pengaki jadual. Apabila jadual panjang dicetak, pengepala dan pengaki jadual boleh dicetak pada setiap halaman yang mengandungi data jadual.


Tentukan nilai atribut untuk satu atau lebih lajur dalam jadual. Anda hanya boleh menggunakan atribut ini dalam jadual atau kumpulan kol.


Takrifkan pengumpulan lajur jadual. Elemen ini membolehkan anda mengumpulkan lajur untuk tujuan pemformatan. Elemen ini hanya sah di dalam teg
.
elemen kapsyen mentakrifkan tajuk jadual. Teg kapsyen mesti mengikut teg jadual dengan serta-merta. Anda boleh menentukan hanya satu tajuk bagi setiap jadual. Biasanya tajuk akan dipusatkan di atas jadual.


Tentukan sel pengepala dalam jadual. Teks di dalam elemen ini biasanya akan dicetak tebal.


Tentukan sel dalam jadual.


Terdapat dua cara untuk menggunakan teg
: satu adalah dengan hanya mentakrifkan beberapa lajur yang sama dan satu lagi adalah untuk menggabungkan beberapa lajur berbeza.
PS: Kandungan di atas adalah daripada w3school, kerana w3school telah menandakan hak cipta dalam maklumat hak cipta dan mempunyai semua hak. Kemudian saya tidak akan memindahkan atau mengeditnya, tetapi mengambil satu perenggan, dan kemudian anda boleh mengklik untuk terus melihat pengenalan terperinci teg tertentu. Anda juga boleh melihat pengenalan kepada jadual.
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Langkah-langkah melaraskan format gambar yang disisipkan dalam jadual PPT Langkah-langkah melaraskan format gambar yang disisipkan dalam jadual PPT Mar 26, 2024 pm 04:16 PM

1. Buat fail PPT baharu dan namakannya [Petua PPT] sebagai contoh. 2. Klik dua kali [Petua PPT] untuk membuka fail PPT. 3. Masukkan jadual dengan dua baris dan dua lajur sebagai contoh. 4. Klik dua kali pada sempadan jadual, dan pilihan [Reka Bentuk] akan muncul pada bar alat atas. 5. Klik pilihan [Shading] dan klik [Picture]. 6. Klik [Gambar] untuk muncul kotak dialog pilihan isi dengan gambar sebagai latar belakang. 7. Cari dulang yang anda ingin masukkan dalam direktori dan klik OK untuk memasukkan gambar. 8. Klik kanan pada kotak jadual untuk memaparkan kotak dialog tetapan. 9. Klik [Format Cells] dan semak [Imej jubin sebagai teduhan]. 10. Tetapkan [Pusat], [Mirror] dan fungsi lain yang anda perlukan, dan klik OK. Nota: Lalai adalah untuk gambar diisi dalam jadual

Cara membuat jadual untuk ramalan jualan Cara membuat jadual untuk ramalan jualan Mar 20, 2024 pm 03:06 PM

Mampu membuat borang dengan mahir bukan sahaja kemahiran yang diperlukan untuk perakaunan, sumber manusia dan kewangan Bagi kebanyakan kakitangan jualan, belajar membuat borang juga sangat penting. Kerana data yang berkaitan dengan jualan adalah sangat besar dan kompleks, dan ia tidak boleh direkodkan dalam dokumen untuk menjelaskan masalah tersebut. Untuk membolehkan lebih ramai kakitangan jualan mahir menggunakan Excel untuk membuat jadual, editor akan memperkenalkan isu pembuatan jadual mengenai ramalan jualan Rakan yang memerlukan tidak boleh ketinggalan! 1. Buka [Ramalan Jualan dan Tetapan Sasaran], xlsm, untuk menganalisis data yang disimpan dalam setiap jadual. 2. Buat [Lembaran Kerja Kosong] baharu, pilih [Sel], dan masukkan [Maklumat Label]. [Seret] ke bawah dan [Isi] bulan. Masukkan data [Lain-lain] dan klik [

Bagaimana untuk menggunakan JavaScript untuk melaksanakan pelarasan drag-and-drop lebar lajur jadual? Bagaimana untuk menggunakan JavaScript untuk melaksanakan pelarasan drag-and-drop lebar lajur jadual? Oct 21, 2023 am 08:14 AM

Bagaimana untuk menggunakan JavaScript untuk merealisasikan fungsi pelarasan seret dan lepas lebar lajur jadual? Dengan perkembangan teknologi Web, semakin banyak data dipaparkan pada halaman web dalam bentuk jadual. Walau bagaimanapun, kadangkala lebar lajur jadual tidak dapat memenuhi keperluan kami dan kandungan mungkin melimpah atau lebar mungkin tidak mencukupi. Untuk menyelesaikan masalah ini, kami boleh menggunakan JavaScript untuk melaksanakan fungsi pelarasan drag-and-drop lebar lajur jadual, supaya pengguna bebas melaraskan lebar lajur mengikut keperluan mereka. Untuk merealisasikan fungsi pelarasan seret dan lepas lebar lajur jadual, tiga perkara utama berikut diperlukan:

Bagaimana untuk menetapkan nilai WPS untuk menukar warna secara automatik mengikut syarat_Langkah untuk menetapkan nilai jadual WPS untuk menukar warna secara automatik mengikut keadaan Bagaimana untuk menetapkan nilai WPS untuk menukar warna secara automatik mengikut syarat_Langkah untuk menetapkan nilai jadual WPS untuk menukar warna secara automatik mengikut keadaan Mar 27, 2024 pm 07:30 PM

1. Buka lembaran kerja dan cari butang [Start]-[Conditional Formatting]. 2. Klik Pemilihan Lajur dan pilih lajur yang mana pemformatan bersyarat akan ditambahkan. 3. Klik butang [Pemformatan Bersyarat] untuk memaparkan menu pilihan. 4. Pilih [Serlahkan peraturan bersyarat]-[Antara]. 5. Isikan peraturan: 20, 24, teks hijau tua dengan warna isian gelap. 6. Selepas pengesahan, data dalam lajur yang dipilih akan diwarnakan dengan nombor, teks dan kotak sel yang sepadan mengikut tetapan. 7. Peraturan bersyarat tanpa konflik boleh ditambah berulang kali, tetapi untuk peraturan bercanggah WPS akan menggantikan peraturan bersyarat yang ditetapkan sebelum ini dengan peraturan tambahan terakhir. 8. Tambah lajur sel berulang kali selepas [Antara] peraturan 20-24 dan [Kurang daripada] 20. 9. Jika anda perlu menukar peraturan, anda boleh mengosongkan peraturan dan kemudian menetapkan semula peraturan.

Cara mengeksport dan mengimport data jadual dalam Vue Cara mengeksport dan mengimport data jadual dalam Vue Oct 15, 2023 am 08:30 AM

Cara melaksanakan eksport dan import data jadual dalam Vue memerlukan contoh kod khusus Dalam projek web yang dibangunkan menggunakan Vue, kami sering menghadapi keperluan untuk mengeksport data jadual ke Excel atau mengimport fail Excel. Artikel ini akan memperkenalkan cara menggunakan Vue untuk melaksanakan fungsi eksport dan import data jadual dan menyediakan contoh kod khusus. 1. Kebergantungan pemasangan untuk mengeksport data jadual Pertama, kita perlu memasang beberapa kebergantungan untuk mengeksport fail Excel. Jalankan arahan berikut daripada baris arahan dalam projek Vue anda: npmin

Adakah anda tahu cara menjumlahkan jadual Word? Adakah anda tahu cara menjumlahkan jadual Word? Mar 21, 2024 pm 01:10 PM

Kadangkala, kita sering menghadapi masalah mengira dalam jadual Word Secara amnya, apabila menghadapi masalah seperti itu, kebanyakan pelajar akan menyalin jadual Word ke Excel untuk pengiraan secara senyap. Adakah terdapat cara cepat untuk mengiranya? Sudah tentu ada, sebenarnya jumlahnya juga boleh dikira dalam Word. Jadi, adakah anda tahu bagaimana untuk melakukannya? Hari ini, mari kita lihat bersama-sama! Tanpa berlengah lagi, rakan-rakan yang memerlukan perlu segera mengumpulnya! Butiran langkah: 1. Mula-mula, kita buka perisian Word pada komputer dan buka dokumen yang perlu diproses. (Seperti yang ditunjukkan dalam gambar) 2. Seterusnya, kami meletakkan kursor pada sel di mana nilai yang dijumlahkan terletak (seperti yang ditunjukkan dalam gambar kemudian, kami klik [Bar Menu);

Cara mencari teks merentas semua tab dalam Chrome dan Edge Cara mencari teks merentas semua tab dalam Chrome dan Edge Feb 19, 2024 am 11:30 AM

Tutorial ini menunjukkan kepada anda cara mencari teks atau frasa tertentu pada semua tab terbuka dalam Chrome atau Edge pada Windows. Adakah terdapat cara untuk melakukan carian teks pada semua tab terbuka dalam Chrome? Ya, anda boleh menggunakan sambungan web luaran percuma dalam Chrome untuk melakukan carian teks pada semua tab terbuka tanpa perlu menukar tab secara manual. Sesetengah sambungan seperti TabSearch dan Ctrl-FPlus boleh membantu anda mencapai ini dengan mudah. Bagaimana untuk mencari teks merentas semua tab dalam Google Chrome? Ctrl-FPlus ialah sambungan percuma yang memudahkan pengguna mencari perkataan, frasa atau teks tertentu merentas semua tab tetingkap penyemak imbas mereka. Pengembangan ini

Menggunakan JavaScript untuk melaksanakan fungsi penapisan jadual Menggunakan JavaScript untuk melaksanakan fungsi penapisan jadual Aug 10, 2023 pm 09:51 PM

Menggunakan JavaScript untuk melaksanakan fungsi penapisan jadual Dengan perkembangan berterusan teknologi Internet, jadual telah menjadi cara biasa untuk memaparkan data pada halaman web. Walau bagaimanapun, apabila jumlah data adalah besar, pengguna sering menghadapi kesukaran untuk mencari data tertentu. Oleh itu, menambah fungsi penapisan pada jadual supaya pengguna dapat mencari data yang diperlukan dengan cepat telah menjadi keperluan untuk banyak reka bentuk web. Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk melaksanakan fungsi penapisan jadual. Pertama, kita perlu mempunyai jadual data. Berikut ialah contoh mudah: <t

See all articles