Rumah  >  Artikel  >  hujung hadapan web  >  Perbincangan ringkas tentang teg jadual html _HTML/Xhtml_penghasilan halaman web

Perbincangan ringkas tentang teg jadual html _HTML/Xhtml_penghasilan halaman web

WBOY
WBOYasal
2016-05-16 16:42:141449semak imbas

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.
Kenyataan:
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
Tajuk jadual
Alamat
lt;td>419880103< ;td>
yichang >