首页 > 其他 > 详细

table常用的属性以及用法

时间:2015-11-23 21:53:35      阅读:237      评论:0      收藏:0      [点我收藏+]

<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 表格中的表注(页脚)内容进行分组

table常用的属性以及用法

原文:http://www.cnblogs.com/doudoublog/p/4989663.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!