首 页免费资源建站技术源码下载软件下载精品淘吧客户留言
用户登陆 | 用户注册
您当前的位置:笃志小屋建站技术网页设计Html&Xhtml → 文章内容
连载教程---HTML从零开始(三)
作者:佚名  来源:不详  发布时间:2007-10-9 15:30:10
 

2007-10-9 15:30:10免费资源duzhi.net

五、表格标记<table></table>
格式:<table>表格开始
      <tr>行开始
      <td>单元格开始
      </td>单元格结束
      </tr>行结束
      </table>表格结束
例:如要建立一个二行二列的表格,代码如下:
<table>
  <tr>
   <td></td>  第一行中的第一个单元格
   <td></td>  第一行中的第二个单元格
  </tr>
  <tr>
   <td></td>  第二行中的第一个单元格
   <td></td>  第二行中的第二个单元格
  </tr>
</table>
说明:在HTML中,表格的描述方法中没有列,只有行和单元格。所以在描述表格有几列的时候就写成一行中有几个单元格!一行中可以包括多
个单元格。
1、表格属性
格式:<table width=? height=? border=? align=? cellspacing=? cellpadding=? bgcolor=? backgroud=?></table>
说明:整体表格的属性,一定要加在<table>标记中才有效。
      (1)border:表示表格边框的尺寸,以数字表示。为0时表示无边框。
      (2)width、height:表格的宽与高,单位有像素和百分比两种,如没有指定默认为像素。
      (3)align:表格的对齐方式。有center(居中)、right(右对齐)、left(左对齐)
      (4)cellspacing:表格单元格的间距,以数字表示。
      (5)cellpadding:内容与单元格的间距,以数字表示。
      (6)bgcolor:表格的背景颜色。
      (7)backgroud:表格的背景图片。
例:
<table align="center" border=5 width=500 height=50% cellspacing=2 cellpadding=0>
  <tr>
   <td>东北人网络</td>
   <td>数码行情</td>
  </tr>
  <tr>
   <td>HELLO</td>
   <td>Good Morning</td>
   <td>Thank you</td>
  </tr>
</table>
2、单元格属性
格式:<td width=? height=? align=? valign=? bgcolor=? backgroud=? colspan=? rowspan=?></td>
说明:(1)width、height:单元格的宽与高,单位也有像素与百分比两种。
      (2)align、valign:单元格内容的水平与垂直对齐方式。
      (3)bgcolor、backgroud:单元格的背景颜色与图片。
      (4)colspan:合并列。
      (5)rowspan:合并行。
在单元格属性当中,前3种均与表格属性用法相同,这里不再阐述。只介绍后两种。
例1:
<table width=300 height=100 border=0 align="center" cellspacing=0 cellpadding=0>
 <tr>
  <td colspan=3>欢迎来到这里</td>
 </tr>
 <tr>
  <td>选项一</td>
  <td>选项二</td>
  <td>选项三</td>
 </tr>
</table>
 
例2:
<table width=300 height=100 border=0 align="center" cellspacing=0 cellpadding=0>
 <tr>
  <td rowspan=3>欢迎来到这里</td>
  <td>选项一</td>
 </tr>
 <tr>
  <td>选项二</td>
 </tr>
 <tr>
  <td>选项三</td>
 </tr>
</table>
 
 

 
[ ] [返回上一页] [打 印]

【笃志小屋duzhi.net】

  技术文章导航
  技术文章排行
  精彩推荐
Copyright www.duzhi.net All Right Reserved.
设计制作:翼迅设计室 Equick Desgin Home 在线QQ:303471038
网络备案号:冀ICP备06008201号 站长信箱:webmaster#duzhi.net(将#换为@)
本站部分文章和图片来源于网络和内容提供伙伴,如果侵犯了您的权利,请留言告知,本站定会及时删除相关文件!