How to use table tag in HTML-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

How to use table tag in HTML

php中世界最好的语言

Nov 22, 2017 am 11:19 AM

html table Instructions

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>

Copy after login

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>

Copy after login

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