How to use HTML web table structured markup

This time I will show you how to use the structured markup of Html web page table. What are the precautions when using the structured markup of Html web page table. The following is a practical case, let's take a look.

Structure of Html table

The so-called structuring is to divide our table into three types: header, body and footer. Therefore, when we modify the body part of the table, it will not affect the other parts, thus decoupling and facilitating our application.

Structured format

… --------表头区     
…---------表体区     
…------------表尾区     

Summary: By dividing the table into three parts, it is convenient for us to edit the table.

Title of Html table

Each table has its own title, as shown in the second picture above, so how to make the title follow the content Come move?

The title of the table

     
…
     

The attributevalues ​​are:

Attribute name

Attribute value

Description

align

Top

The title is above the table

Bottom

The title is below the table

Summary: By setting the title of the table, you can make the title move with the table at any time.
Html inline format

What is the inline format of the table? What we usually see in Excel is adding a background color to an entire column.

     
     
     
表格嵌套的使用一
     
     
     
     
学生成绩表
     
     
     
     
           
     
姓名
     
语文
     
数学
     
外语
     
     
     
     
     
张三
     
95
     
95
     
95
     
     
     
张三
     
95
     
95
     
95
     
     
     
张三
     
95
     
95
     
95
     
     
     
     
     
成绩汇总
     
     
     
     
     
     
     
     

     
     
表格嵌套的使用二
     
     
     
学生成绩
     
     
     
姓名
     
语文
     
数学
     
外语
     
     
     
     
     
张三
     
95
     
95
     
95
     
     
     
张三
     
95
     
95
     
95
     
     
     
张三
     
95
     
95
     
95
     
     
     
     
     
成绩汇总
     
     
     
     
        

     
     
表格嵌套的使用三
     
     
学生成绩
     
     
     
     
     
姓名
     
语文
     
数学
     
外语
     
     
     
     
     
张三
     
95
     
95
     
95
     
     
     
张三
     
95
     
95
     
95
     
     
     
张三
     
95
     
95
     
95
     
     
     
     
     
     
     
     

     

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!

Related reading:

How to use h5’s sse server to send EventSource events

H5’s local storage and local database details Introduction

Use H5 and C3 to achieve a simple clock effect

The above is the detailed content of How to use HTML web table structured markup. For more information, please follow other related articles on the PHP Chinese website!