How to make a table in html

How to make a table in html: first create a new html and fill in the table content in the middle of ""; then enter the style sheet style in the middle of ""; finally set the width, height and other styles of the cell. .

The operating environment of this article: Windows7 system, HTML5&&CSS3 version, DELL G3 computer

htmlThe steps to create a form are as follows:

1. First create a new html, click in the middle of

and fill in the form content first;

2. Content Just write it according to your needs. The sample code is as follows:

<table>
<p style="text-align:center ">功课表</p>
<tr>
<th>语文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>数学</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>英文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
</table>

3. Then enter the style sheet style in the middle of ;

4. The style can also be set according to personal needs. Set the width and height of cells, merge cells, position, color, etc. The sample code is as follows:

<style type="text/css">
body
{
width:340px;
height :800px;
}
table
{
border-collapse :collapse ;
}
th,td
{
width:100px;
height:40px;
border :1px solid black;
font-size:12px;
text-align :center;
}     
</style>

5. It should be noted here that the meaning of this code "table" is to merge the table borders into a single border and merge adjacent ones.

#6. The preview result is as shown below, and a simple table is created.

Recommended learning: "HTML video tutorial" "css video tutorial"

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