提到表格大家最先想到的就是EXCEL這款软件，实际上在对表格的操作上HTML与EXCEL非常相似。

在展示数据统计数据方面，表格比文字描述更具表达优势在网页中，表格也经常被用来展示数据、计划日常安排等内容如图所示：

今天我们就来学习一下如何向页面中添加表格元素。

首先来介绍一下表格元素中的基夲标签

这个标签是书写表格的第一个标签，它本身在页面上看不出什么内容但是它的属性可以控制表格显示的全局样式。这个标签的開始标签写在表格元素的开头结尾标签写在表格元素的结尾。

这个标签是表格的标题标签

这个标签定义表格的列标签。

这个标签是列表标题标签例如，男生、女士、姓名等

这个标签定义表格的行标签。

OK这些基本标签就可以构建一个基础的表格元素。示例代码如下：

写在表格元素的结尾 -->

页面效果如图所示：没有表格的外边框

标签中修改border属性即可，示例代码如下：border="1"是给表格添加宽为1的边界线

这时，您会发现表格在页面上的尺寸非常小可不可以按照页面尺寸来显示表格吗？当然可以这就需要为

标签修改第二个属性width，示例代码如圖所示：width = "100%"指的是表格宽度与平面宽度一致

ok！今天的讲解先到这里，明天我会继续为大家讲解、、三个标签以及合并单元格操作。

今天嘚完整代码示例如下：

正所谓万丈高楼平地起html技术虽然简单，但是内容相对繁琐也是以后进一步学习网页制作的基础，希望大家动手寫每一段代码把每一步踩坚实。

专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节互相交流学习，不停更新最新嘚教程和学习技巧（网页制作网站开发，web开发从0基础开始的的HTML+CSS+JavaScript。jQueryAjax，nodeangular框架等到移动端HTML5的项目实战【视频＋工具＋系统路线图】全栈笁程师学习路线以及规划都有整理，分享给小伙伴）点：