How to use table tag in HTML

The table element of HTML contains tr td thTable tag element, so today we will introduce to you the layout and syntax of the table in detail, and finally summarize the experience of the table. You can also Learn from the

table layout article, understand the basic syntax of html table, understand the table structure syntax, and master the table and understand html through html table tr td, html table tr th table examples. Table table style layout. At the same time, the table's style can be controlled in various styles through CSS styles.

html table table directory

table table syntax and structure

table tag usage instructions

Table table tag usage scenarios

table table Case

DW software input table layout

table table summary

table table syntax and structure

<table> 
    <tr> 
        <td> </td> 
        <td> </td> 
        <td> </td> 
    </tr> 
</table> 
<table> 
    <tr> 
        <th> </th> 
        <th> </th> 
        <th> </th> 
    </tr> 
</table>

Td and th are used in the above two table structures, Can be used without any difference.

Instructions for using the table tag

We have learned DIV+CSS, don’t we just give up and discard the table layout completely. Think about one of the reasons why we learn DIV CSS to make layout simpler and code simpler, so sometimes we also need tables for layout.

For example, a spreadsheet-type data table.

Table table tag usage scenarios

Practical application places of table tables

Table tr td th table use cases

<table width="300" border="1" cellspacing="0"> 
    <tr> 
        <th>班级</th> 
        <th>日期</th> 
        <th>标题</th> 
    </tr> 
    <tr> 
        <td>一班</td> 
        <td>2012-5-10</td> 
        <td>标题1</td> 
    </tr> 
    <tr> 
        <td>二班</td> 
        <td>2012-5-20</td> 
        <td>标题2</td> 
    </tr> 
</table>

For table table summary

table is suitable for multi-column data lists. Table can be used flexibly. The multi-column data list table tag saves code compared to using div css, and can control the content layout arbitrarily

Related reading:

What is the role of comments in html

How to use the label tag in html

##How to modify the HTML title tag element

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