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.
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
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 |
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!