tr、th、td标签下的常用属性

悲酥清风 Dreamweaver1 23,201,4351阅读模式

tr、th、td标签下的常用属性

<tr>宽度和高度

  1. <body>
  2.        <table border="1" width="300" height="200"><!--border是表格的属性--><!--<tr>代表一行  <th>代表标题 -->
  3.        <tr width="200"><th>姓名</th><th>性别</th><th>职业</th><th>博客</th></tr>
  4.        <tr><td>悲酥清风</td><td></td><td>草根站长</td><td>hocc.cn</td></tr>
  5.        <tr><td>悲酥清风</td><td></td><td>草根站长</td><td>hocc.cn</td></tr>
  6.        <tr><td>悲酥清风</td><td></td><td>草根站长</td><td>hocc.cn</td></tr>
  7.        </table>
  8.    </body>

那么:

  1. <tr height="200"><th>姓名</th><th>性别</th><th>职业</th><th>博客</th></tr>

是否有效呢?

由此可见:tr下width属性无效,而height属性是有效果的。

接下来看tr标签下的bgcolor属性,即表格每一行的背景颜色。

  1. <tr bgcolor="red"><th>姓名</th><th>性别</th><th>职业</th><th>博客</th></tr>

tr、th、td标签下的常用属性

tr标签中的align属性,指的是每行表格中的元素水平方向的居中(center)、居左(left)、居右(right)。

注:浏览器默认情况下表格中的元素居左。

  1. <tr align="right"><th>姓名</th><th>性别</th><th>职业</th><th>博客</th></tr>

tr、th、td标签下的常用属性

 tr标签下的valign属性指的是每一行表格中的每个表格中元素的top(数据靠上)、middle(数据靠中)、bottom(数据靠下)。

  1. <tr valign="bottom"><th>姓名</th><th>性别</th><th>职业</th><th>博客</th></tr>

tr、th、td标签下的常用属性

本节就到这里,希望那些对编程感兴趣的同学可以在线下多做练习。

悲酥清风
  • 本文由 发表于 2015年4月22日 22:30:29
评论  1  访客  0  引用  1

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定