标签:
<table><table/>先定义一个表格这个就没得讲了,<caption>表示这个表格的标题
<table border="6"> <caption>我的标题</caption> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <tr> <td>400</td> <td>500</td> <td>600</td> </tr>
</table>
例如:.<th></th>和<tr></tr>分别表示表头和行,其实这两个都差不多,只是th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本,让我来看两个案例就知道了:
1 <html> 2 <body> 4 <table border="1"> 5 <tr> 6 <th>Company</th> 7 <th>Address</th> 8 </tr> 10 <tr> 11 <td>Apple, Inc.</td> 12 <td>1 Infinite Loop Cupertino, CA 95014</td> 13 </tr> 14 </table> 17 </body> 18 </html>
在网页显示:,可以看出字体的粗细不一样,还有粗体比较居中一点。其中还有个<tr>属性,这个是用来定义每一行的,我们可以看到图片中总共两行,代码里就用了两个<tr>属性。
接下来讲<thead>属性,这个属性可以让你的表格变化多端,但是<thead>的一些子属性几乎没有浏览器支持,不过还是要讲一下,(1):<thead>可以与<tbody>,<tfoot>一起用,tbody 元素用于对 HTML 表格中的主体内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组
标签:
原文地址:http://www.cnblogs.com/doudoublog/p/4989663.html