Parse tag Jadual, jangan mengelirukan td, th, tr lagi!

Ringkasan

Saya tidak pernah menguasai teg Jadual dalam HTML dengan baik, dan saya sering mengelirukan td, th dan tr. Walaupun HTML asli jarang digunakan dalam pembangunan semasa, dan komponen bahagian hadapan yang ditulis oleh orang lain pada asasnya digunakan, komponen jadual yang ditulis oleh orang lain biasanya direka mengikut tahap jadual asli. [Disyorkan: Tutorial video HTML]

Jadi mari kita ringkaskan hari ini!

Struktur asas

标签	说明	常用属性
table	表格最顶级标签	border：边框宽度；width：表格宽度；align：表格数据的对齐方式；cellpadding：表示每个单元格中内容与边框的距离，该值越大，表格给人的视觉感受越大；cellspacing表示每个相邻单元格之间的距离
thead	表头的父标签
tr(table row)	列名称的父标签，一般一个thead中只有一个tr，因为一般一个表只有一行列名
th(table header cell)	表示表头单元格，里面的数据就是列名
tbody	表单数据部分的父标签
td（table data cell）	数据单元格，具体的数据就是放在这个标签中
tfoot	表示表格页脚	colspan表示列合并；rowspan表示行合并

Kes

                                                                                                                                                           

项目	单价/元	数量/斤	金额/元
白菜	1.00	3	3.00
西瓜	0.50	10	5.00
合计:8.00

Ringkasan

• Kecuali ke dan td boleh merumuskan data tertentu, yang lain pada dasarnya serupa dengan ibu bapa yang tidak boleh merumuskan kandungan tertentu. th menentukan nama lajur dalam pengepala jadual, dan td menentukan nilai data khusus

• jadual terbahagi terutamanya kepada tiga bahagian, iaitu tajuk jadual, badan data jadual, dan pengaki meja tfoot

• Teg induk bagi th dan td adalah kedua-duanya tr, yang bermaksud bahawa th dan td mesti diletakkan dalam tr >thead menentukan data menggunakan tbale dan tfoot menentukan data menggunakan td

Atas ialah kandungan terperinci Parse tag Jadual, jangan mengelirukan td, th, tr lagi!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!