码迷,mamicode.com
首页 > 其他好文 > 详细

table常用的属性以及用法

时间:2015-11-23 21:56:14      阅读:159      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!