Perbincangan ringkas tentang teg jadual html _HTML/Xhtml_penghasilan halaman web-html tutorial-php.cn

Terutamanya membincangkan strukturnya dan beberapa sifat penting. Saya akan memperkenalkannya dengan cara yang perlahan-lahan bertambah baik.
1) Struktur asas adalah seperti berikut: mewakili baris dalam jadual, Bercakap tentang lajur, anda sebenarnya boleh
membayangkannya sebagai sel dalam perkataan. sebenarnya adalah sel, tetapi ia digunakan sebagai tajuk jadual. Dari sudut semantik,
berkata: menunjukkan unit data dalam jadual dan

Salin kod

Kodnya adalah seperti berikut:

>

2) Tajuk mungkin tajuk baris atau tajuk lajur Bagaimana untuk membezakannya? Anda perlu menggunakan atribut skop scope=row/col.

Salin kod

Kod adalah seperti berikut: >< /table>

3) Jadual juga mempunyai tajuk tersendiri

Kodnya adalah seperti berikut:

Tajuk jadual
< ;/th>
🎜>4) Berikan jadual Tambah atribut ringkasan pengenalan

Salin kod

Kodnya adalah seperti berikut:

Tajuk jadual

🎜>5) Model jidar jadual dan pelapik lalai sel.

Sempadan jadual boleh dipaparkan dalam dua cara: diasingkan dan digabungkan. border-collapse: separate/collapse Gaya lalai IE6 ialah
berasingan, yang kelihatan tiga dimensi. Sebenarnya, setiap sel mempunyai sempadan bebasnya sendiri. Penggabungan ialah sempadan yang dikongsi.
jadual { border-collapse: collapse; }
Terdapat ruang kosong di antara sel secara lalai Anda boleh menggunakan jarak sempadan untuk mengawalnya, ia jarang digunakan. IE6

Gunakan jarak sel.

Salin kod

Kod tersebut adalah seperti berikut:

Tajuk jadual
< /th>< /tr>

dan lajur. Dan tambahkan id pada setiap .

Salin kod

Kod tersebut adalah seperti berikut:

;
Nama < ;th scope="col" id="databirthday">tarikh lahir

80103< td>
secara logik, selepas membahagikan jadual kepada berbilang kawasan logik, anda boleh menggunakan CSS untuk
mengawal prestasi dengan lebih baik.

Salin kod

Kod tersebut adalah seperti berikut:

Tajuk jadual
>	hubei		19870102
> 7) Bahagikan jadual

< th scope="col " id="name">Nama
col" id ="databirthday">Tarikh lahir

< ;td>ewee >Karangan saya ini hanya menceritakan secara ringkas tentang struktur jadual, semoga bermanfaat.

Label berkaitan：

table 标签

sumber：php.cn

Artikel sebelumnya：Perbezaan antara html Frame, Iframe dan Frameset _HTML/Xhtml_Web page production Artikel seterusnya：Tab Reka Bentuk WebIndex Element_HTML/Xhtml_Penghasilan Halaman Web

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

Artikel terbaru oleh pengarang