6.1 表格简介
来源:网络作者:站长
在 HTML 中,我们使用 <table> 标签来定义表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
HTML 表格的基本结构:
<table> | 定义表格 |
<tr> | 定义表格的行 |
<td> | 定义表格的列 |
举例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html> < html lang = "zh" > < head > < meta charset = "utf-8" > < title >表格</ title > </ head > < body > < table border = "1" > < tr > < td >第一行第一列</ td > < td >第一行第二列</ td > </ tr > < tr > < td >第二行第一列</ td > < td >第二行第二列</ td > </ tr > </ table > </ body > </ html > |
运行浏览器后得到的效果如图
如果不定义边框属性,表格将不显示边框。为了演示效果,我们给table标签中加了一个属性 border="1",定义边框border的宽度。在HTML5中已经过时不能用了,W3C验证器也会提示错误。我们这里加边框只是为了演示用,后面章节会讲到怎么美化表格的边框。
附加说明:HTML 中的表格和 Excel 中的表格是类似的,都包括行、列、单元格、表头等元素。但是 HTML 表格在功能方面远没有 Excel 表格强大,HTML 表格不支持排序、求和、方差等数学计算,它一般用来展示数据。
你觉得文章内容怎么样