How to create a table in html

htmlHow to create a table: first use the "

" tag to define the table frame; then use one or more "" tags to define the rows in the table, and one or more "< ;td>" tag defines the cell; finally fill in the table data (cell content) in the td tag pair. The data can be text, pictures and other information.

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

Tables are defined by the

tag.

Each table has several rows (defined by the

tag), and each row is divided into several cells (defined by the

tag).

The letters td refer to table data, that is, the contents of data cells. Data cells can contain text, pictures, lists, paragraphs, forms, horizontal lines, tables, and more.

The border attribute specifies whether there is a border. If the border attribute is not written or the value is 0, the created table will have no border; the size of the assignment determines the thickness of the border. The

th attribute sets the header. If the header is not specially set, the displayed header will have the same format as the content.

The following is a step-by-step introduction through code examples:

1. Write two simple tables without borders

<h5 id="第一个表格">第一个表格</h5>
 
<table border="0"> <!------------把border赋值为0，这个表格没有边框-->
<tr>
<th>name</th>    <!-------------------利用 <th>将这个值设置为表头-->
<th>sex</th>     <!-------------------利用 <th>将这个值设置为表头-->
</tr>
<!-----------------------------------这是第一行-->
 <tr>
<td>张三</td>
<td>女</td>
</tr>
 </table>
<!----------------------------------这是第二行-->

<h5 id="第二个表格">第二个表格</h5>   
<table>           <!------------不写border这个属性，这个表格也没有边框-->
<tr>
<th>name</th>     <!-------------------利用 <th>将这个值设置为表头-->
<th>sex</th>     <!-------------------利用 <th>将这个值设置为表头-->
</tr>
<!-----------------------------------上面这是第一行<tr>-->
<tr> 
<td>张三</td>
<td>女</td>
</tr> 
 <!------------------------------第二行-->
</table>

Effect:

2. Write a table with a border (the assignment of border determines the thickness of the border)

To set a title for the table, use

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