HTML的表格素 一、HTML的表格素 1、table素 <table> 标签定义 HTML 表格。简单的 HTML 表格由 table 素以及一个或多个 tr、th 或 td 素组成。tr 素定义表格行，th 素定义表头，td 素定义表格单。更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 素。 table素的属性： 
frame属性值： 
rules的属性值： 
summary的用法： 1 <table border=”1″ summary=”Monthly savings for the Flintstones family”> 2 <tr> 3 <th>Month</th> 4 <th>Savings</th> 5 </tr> 6 <tr> 7 <td>January</td> 8 <td>$100</td> 9 </tr> 10 </table> summary 属性不会对普通浏览器中产生任何视觉变化。 2、caption素 caption 素定义表格标题。caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。 可选属性： 
3.tr素 <tr> 标签定义 HTML 表格中的行。tr 素包含一个或多个 th 或 td 素。 
char、charoff属性几乎没有浏览器支持。 4、td|th素 定义表格内的表头单格。HTML 表单中有两种类型的单格： 表头单格 – 包含表头信息（由 th 素创建） 标准单格 – 包含数据（由 td 素创建） th 素内部的文本通常会呈现为居中的粗体文本，而 td 素内的文本通常是左对齐的普通文本 
abbr、axis、char、charoff、headers、scope等属性浏览器几乎不支持。 5。colgroup、col素 <col> 标签为表格中的一个或多个列定义属性值。您只能在table或colgroup中使用该素。 <colgroup> 标签定义表格列的组。通过此标签，您可以对列进行组合，以便格式化。该素只有在 <table> 中才是合法的. 注释：colgroup 素只能包含 col 素。 注释：colgroup 素无法创建表格列。如需创建列，必须在 tr 素内规定 td 素。 提示：如果需要向一个列组规定相同的属性值，请使用该素。 提示：如果需要为一个或多个列规定属性值，请使用 col 素。 属性： 
实例： <html> <body> <table width=”100%” border=”1″> <colgroup span=”3″ style=”background: red”> <col width=”300px”> <col span=”2″ width=”400px”> <tr height=”80″ valign=”middle”> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr height=”80″ valign=”middle”> <td>3476896</td> <td>My first HTML</td> <td>$53</td> </tr> <tr height=”80″> <td>2489604</td> <td>My first CSS</td> <td>$47</td> </tr> </table> </body> </html> 设置三个列的背景颜色为红色，第一个列的宽度300px,剩余两个列为400px; 6.thead、tfoot、tbody素 thead、tfoot 以及 tbody 素使您有能力对表格中的行进行分组。当您创建某个表格时，您也许希望拥有一个标题行，一些带有数据的行，以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。 1 <table> 2 3 <thead> 4 <tr> 5 <td>THEAD 中的文本</td> 6 </tr> 7 </thead> 8 9 <tfoot> 10 <tr> 11 <td>TFOOT 中的文本</td> 12 </tr> 13 </tfoot> 14 15 <tbody> 16 <tr> 17 <td>TBODY 中的文本</td> 18 </tr> 19 </tbody> 20 21 </table>
2024最新激活全家桶教程，稳定运行到2099年，请移步至置顶文章：https://sigusoft.com/99576.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处：https://sigusoft.com/78561.html
