提到表格，大家最先想到的便是EXCEL这款软件，实际上在对表格的操作上，HTML与EXCEL非常相似。
在展示数据，统计数据方面，表格比笔墨描述更具表达上风，在网页中，表格也常常被用来展示数据、操持日常安排等内容。如图所示：
本日我们就来学习一下如何向页面中添加表格元素。
首先来先容一下表格元素中的基本标签。
NO.1：<table></table>
这个标签是书写表格的第一个标签，它本身在页面上看不出什么内容，但是它的属性可以掌握表格显示的全局样式。这个标签的开始标签写在表格元素的开头，结尾标签写在表格元素的结尾。
NO.2：<caption></caption>
这个标签是表格的标题标签。
NO.3：<tr></tr>
这个标签定义表格的列标签。
NO.4：<th></th>
这个标签是列表标题标签，例如，男生、女士、姓名等。
NO.5：<td></td>
这个标签定义表格的行标签。
OK，这些基本标签就可以构建一个根本的表格元素。示例代码如下：
<table><!-- 写在表格元素的开头 --><caption>表格标题</caption><!-- 表格标题 --><tr>标题标签<th>姓名</th><!-- 标题标签 --><th>年事</th></tr><tr><td>一列一行</td><td>一列二行</td></tr><tr><td>二列一行</td><td>二列二行</td></tr></table><!-- 写在表格元素的结尾 -->
页面效果如图所示：没有表格的外边框。
如何添加外边框呢？在<table>标签中修正border属性即可，示例代码如下：border="1"是给表格添加宽为1的边界线。
<table border = "1"><!-- border="1"是给表格添加宽为1的边界线 -->
效果如图所示：
这时，您会创造表格在页面上的尺寸非常小，可不可以按照页面尺寸来显示表格吗？当然可以，这就须要为<table>标签修正第二个属性width，示例代码如图所示：width = "100%"指的是表格宽度与平面宽度同等。
<table border = "1" width = "100%"><!-- width = "100%"指的是表格宽度与平面宽度同等 -->
效果如图所示：
ok！
本日的讲解先到这里，来日诰日我会连续为大家讲解<thead></thead>、<tfoot></tfoot>、<tbody></tbody>三个标签，以及合并单元格操作。
本日的完全代码示例如下：
<!DOCTYPE HTML> <html> <head> <title>第一个网页</title></head> <body><h1>第一个网页</h1><hr><h2>表格元素</h2><hr><table border = "1" width = "100%"> <caption>表格标题</caption><tr> <th>姓名</th><th>年事</th></tr><tr><td>一列一行</td><td>一列二行</td></tr><tr> <td>二列一行</td><td>二列二行</td></tr></table></body> </html>
正所谓万丈高楼平地起，html技能虽然大略，但是内容相对繁琐，也是往后进一步学习网页制作的根本，希望大家动手写每一段代码，把每一步踩坚实。
喜好的小伙伴请关注我，阅读中碰着任何问题请给我留言，如有疏漏或缺点欢迎大家斧正，不胜感激！
HTML序章（学习目的、工具、基本观点）——零根本自学网页制作
HTML是什么？——零根本自学网页制作
第一个HTML页面如何写？——零根本自学网页制作
HTML页面中head标签有啥用？——零根本自学网页制作
初识meta标签与SEO——零根本自学网页制作
HTML中的元素利用方法1——零根本自学网页制作
HTML中的元素利用方法2——零根本自学网页制作
HTML元素中的属性1——零根本自学网页制作
HTML元素中的属性2（路径详解）——零根本自学网页制作
利用HTML添加表格1（基本元素）——零根本自学网页制作
利用HTML添加表格2（表格头部与脚部）——零根本自学网页制作
利用HTML添加表格3（间距与颜色）——零根本自学网页制作
利用HTML添加表格4（行颜色与表格嵌套）——零根本自学网页制作
16进制颜色表示与RGB色彩模型——零根本自学网页制作
HTML中的块级元素与内联元素——零根本自学网页制作
初识HTML中的<div>块元素——零根本自学网页制作
在HTML页面中嵌入其他页面的方法——零根本自学网页制作
封闭在家学网页制作！
为页面嵌入PDF文件——零根本自学网页制作
HTML表单元素初识1——零根本自学网页制作
HTML表单元素初识2——零根本自学网页制作
HTML表单3（下拉列表、多行笔墨输入）——零根本自学网页制作
HTML表单4（form的action、method属性）——零根本自学网页制作
HTML列表制作讲解——零根本自学网页制作
为HTML页面添加视频、音频的方法——零根本自学网页制作
音视频格式转换神器与html视频元素加字幕——零根本自学网页制作
HTML中利用<a>标签实现文本内链接——零根本自学网页制作
