html怎么做表格
程序员文章站
2022-03-21 20:02:43
...
html做表格的方法：首先新建一个html，并在“”中间填入表格内容；然后在“”中间输入样式表的样式；最后设置单元格的宽度高度等等样式即可。
本文操作环境：Windows7系统、HTML5&&CSS3版，DELL G3电脑
html做个表格的步骤如下：
1、首先新建一个html，点击<body></body>中间，先填入表格内容；
2、内容根据需求来写即可，示例代码如下：
<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、然后在<head></head>中间输入样式表的样式；
4、样式也根据个人的需求来设置即可，设置单元格的宽度高度，合并单元格，位置，颜色等等，示例代码如下：
<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、这里需要注意这个代码“table”的意义是将表格边框合并为单一的边框，将相邻变合并。
6、预览结果如下所示，一个简单的表格就制作出来了。
以上就是html怎么做表格的详细内容，更多请关注其它相关文章！
上一篇： 如何在PHP中获取一些特殊时间节点
下一篇： php获取本机mac地址三种方法