本课学习在网页中展示结构化数据的一个重要方式：表格。表格在我们的生活中随处可见，比如《王者荣耀赛事数据平台所有英雄数据》、《》千峰教育HTML5前端大就业榜单、《前端工程师薪资》等。如何在网页中实现表格？在学习表格之前，首先要了解表格的几个基本概念：表格、行、列、单元格。什么是表格？表格可以理解为一个矩阵，比如军训站军姿中的队伍方阵。这个teamsquare中的横行可以理解为表格的行，teamsquare中的竖列。在这个团队方阵中，每个人都可以看作是一个独立的小细胞，这些小细胞组成了一张完整的表格。如何在网页中定义表格？表格基本标签遵循双标签的基本结构。最外层的labeltable表包含在这里。tr是tablerow的缩写，解释为tablerowtr包含td子标签。锐角td是锐角/td。这里td是tabledatacell的缩写，解释为一个表格数据单元。以上三对标签构成了表格的基本语法。需要注意的是，这三层标签一定要正确嵌套，将tr包裹在table中，将td包裹在tr中，不要在table和tr中包裹其他标签，如h1标签、p标签、b标签等。如果你想要增强表现力，可以在td标签中加入这些标签，一般表格都会包含多行多列。一个tr代表一行，一个td代表一个单元格。因此，要实现多行多列，需要在tr中添加多个tds，在表中添加多个trs，另外一个普通表中每个tr中的td个数相等。了解了表的基本语法和基本结构之后，下面就带大家一起来做个案例。这是一张王者荣耀的英雄信息表。可以看出这是一个四行五列的表格。使用html绘制这张表格，需要用到一个table标签，4个tr标签，每个tr标签包含5个td标签。一起让它成为现实。打开编辑器，新建table_demo.html页面，编写基本代码，body中写emmet语句：table大于符号tr乘以4大于符号td乘以5(table>tr4>td5)按tab自动补全代码，完成一个四行五列的表格结构，然后快速填入每个td中的单元格内容并保存。alt+b在浏览器中打开页面，一个基本表就创建好了。现在表格看起来比你想象的差很多，比如没有表格行，表格头没有高亮等等，后面我们会继续改进。文章配套视频链接
