HTML网页制作：[5]如何在网页中插入表格？

1.表格有什么？1）框架2）横线3）竖线4）方格所以，一个表格是由许多线和方格组成的。当然，可以加上标题等。用HTML创建表格没有任何不同。1）table:表格标记，表格中所有的属性等都必须在

当中2）tr:行标记，表格中水平间隔3）td:列标记，表格中垂直间隔

2.OK，来做一个简单的表格。

语文	数学
英语	嘿嘿

3.效果图如下好吧，没有框框

4.怎么加上框框呢？给table加上属性

再来试试

5.给表格设置标题：只要在

的下面加上即可。XXXXS

6.效果图如下

7.有时候，表格是有表头的，给表头加黑是一种方式，还有一种方式则是设置表头。设置表头的方法是：XXX代码如下

无标题文档 课程表 上午 下午 语文 数学 英语 嘿嘿

8.效果图如下

9.关于表格的内容还有很多，我这里只是起到一个抱砖引玉的作用，还有更多的知识，不要不断的努力去学习，才能掌握。

1、制作表格我们需要使用标签table在html中输入table标签，然后设置行和列，，tr代表行,td代表列，然后在行和列中输入相关的内容。

2、预览网页我们发现，网页显示格式看起来不像是表格，因为没有框线，这时候我们需要给table标签设置边框，border，如图所示，在table标签中，定义border的值，这样再预览网页我们就可以看到表格样式。

3、图中的表格表头和文本内容显示格式一致，我们可以使用th标签代替td标签作为表格的表头，系统自动将表头内部的文本内容加粗居中显示，这样表头格式就被着重定义出来。

4、可以使用caption标签给表格添加标题，caption是table标签的子标签需要写在table标签内部，将需要定义的标题文本输入到caption中。

5、两行数值一样的话可以设置为rowspan值，如图所示，两行数据一致，直接设置rowspan值为2，下一行的这个数值就不必单独定义了，如果是三行数值一致，那么可以直接设置为3.

6、将多列相同数据一起显示可以使用colspan来进行设置，如图所示，第三列所有的内容都全部显示一致，我们可以设置像表格中的合并效果然后一起显示，这样就不必每一列都输入内容。

---