"; then enter the style sheet style in the middle of "
"; finally set the cells The width, height and other styles can be used."/>"; then enter the style sheet style in the middle of "
"; finally set the cells The width, height and other styles can be used.">
Home >Web Front-end >HTML Tutorial >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!