![HTML网页制作：[5]如何在网页中插入表格？,第1张](/aiimages/HTML%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C%EF%BC%9A%5B5%5D%E5%A6%82%E4%BD%95%E5%9C%A8%E7%BD%91%E9%A1%B5%E4%B8%AD%E6%8F%92%E5%85%A5%E8%A1%A8%E6%A0%BC%EF%BC%9F.png "HTML网页制作：[5]如何在网页中插入表格？,第1张")
1.表格有什么？1）框架2）横线3）竖线4）方格所以，一个表格是由许多线和方格组成的。当然，可以加上标题等。用HTML创建表格没有任何不同。1）table:表格标记，表格中所有的属性等都必须在
2.OK，来做一个简单的表格。
| 语文 | 数学 |
| 英语 | 嘿嘿枣渗纤 |
3.效果图如下好吧，没有框框
4.怎么加上框框呢？给table加上属性
再来试试5.给表格设置标题：只要在
的下面加上即可。6.效果图如下
7.有时候，表格是有表头的，给表头加黑是一种方式，还有一种方式则是设置表头。设置表头的方法是：XXX代码如下
无标题文喊顷档 课程表8.效果图如下
9.关于表格的内容还有很多，我这里只是起到一个抱砖引玉的作用，还有更多的知识，不要不断的努力去学习，才能掌握。
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、预览结果如下所示，一个简单的表格就制作出来了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）