html5表格.pdfVIP

html5 表格 表格的作用是显示二维数据，在 HTML5 中不再允许用表格控制页面内容的布局，而是采用新增的CSS 表格特性（这里不涉 及 CSS ，将在后面介绍）。下面主要介绍用于制作表格的HTML 元素。 构建表格 表格的基本元素包括：table、tr 和 td。 table 表示 HTML 文档中的表格，支持 border 属性，用于定义表格边框的宽度； tr 表示表格中的行； td 表示表格中的单元格，包括如下属性： 1 ）colspan ：规定单元格可横跨的列数； 2 ）rowspan ：规定单元格可横跨的行数； 3 ）headers ：规定与单元格相关的标头，该属性不会在普通浏览器中产生任何视觉变化，但可以被屏幕阅读器使用。 1. table 2. tr 3. td Apples /td 4. td Green/td 5. td Medium/td 6. /tr 7. tr 8. td Oranges/td 9. td Orange/td 10. td Large/td 11. /tr 12. /table 上面定义了一个两行、三列的表格，使用表格的好处是：浏览器会保证列的宽度满足最宽的内容，让行的高度满足最高的单 元格。 表格边框 使用 table 元素的 border 属性，可以为表格添加边框。 1. table border=1 2. tr 3. td Apples /td 4. td Green/td 5. td Medium/td 6. /tr 7. tr 8. td Oranges/td 1 / 8 9. td Orange/td 10. td Large/td 11. /tr 12. /table 浏览器的默认边框不太美观，通常还需要用 CSS 来为为各种元素重设边框样式。 不规则表格 使用单元格的 colspan 和 rowspan 属性可以构建不规则表格，使表格的某些行或者列跨越多个单元格，下面是一个单元格 跨多列的一个例子： 1. table border=1 2. tr 3. th Month/th 4. th Savings/th 5. /tr 6. tr 7. td colspan=2January /td 8. /tr 9. tr 10. td colspan=2February/td 11. /tr 12. /table 下面是一个单元格跨多行的一个例子： 1. table border=1 2. tr 3. th Month/th 4. thSavings/th 5. /tr 6. tr 7. td January /td 8. td $100.00/td 9. td rowspan=2$50/td 10. /tr 11. tr 12. td February/td 13. td $10.00/td 14. /tr 15. /table 2 / 8 表头 th 元素用于为表格添加表头，可以用来区分数据和对数据的说明。th 元素支持如下属性： 1 ）colspan ：规定单