HTML表格标签

表格标签简介:

功能:对数据进行格式化,使数据显示更加清晰

<table></table>:表示表格的范围

             在table里面  <tr></tr>:表示表格的一行

                        在tr里面<td></td>:表示表格每一行中的每一个单元格

table属性:

(1)border:表各线    例:border = "1"               

                             设置 border="0",可以显示没有边框的表格(默认)

(2)bordercolor :表格线的颜色

(3)cellspacing:单元边沿与其内容之间的空白

                            —从实用角度出发,最好不要规定 cellpadding,而是使用 CSS 来添加内边距

(4)width: 表格的宽度

(5)height:表格的高度

使用表格的步骤:    

(1)定义一个表格的范围 ----<table>  </table>  
(2)定义一行  ---<tr>  </tr>  
(3)定义一个单元格  ---<td>  </td> 

设置对齐方式:

<tr  align="  value "></tr>

<ttd  align="  value "></td>

value的取值:left:向左对齐

                          right:向右对齐

                         center:居中

注意
      使用<th></th>也可以实现定义一个单元格
      特点:可自动实现居中和加粗  


举一个栗子:

运行结果:


源码:

<html>
  <head>
     <title> 表格标签实例  </title>
  </head>
  <body>
  <table border="1" bordercolor="#000000" cellspacing="0">
  <!-- 表格的标题添加 -->
  <caption><b>人员信息表</b></caption>
  <tr>
  <th>姓名</th>
  <th>年龄</th>
  <th>性别</th>
  </tr>
  <tr align="center">
  <td >徐志摩</td>
  <td>男</td>
  <td>40</td>
  </tr>
  <tr align="center">
  <td>林徽因</td>
  <td>女</td>
  <td>30</td>
  </tr>
  <tr align="center">
  <td>林平之</td>
  <td>男</td>
  <td>20</td>
  </tr>
  </table>
  </body>
</html>


    
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值