HTML表格

表格的表现形式为 横行纵列 多行多列为表格

创建表格:

在HTML网页中,要想创建表格,就需要使用表格相关的标签。创建表格的基本语法格式如下:

<table>
  <tr>
    <td>单元格内的文字</td>
    ...
  </tr>
  ...
</table>

在上面的语法中包含三对HTML标签,分别为 <table></table>、<tr></tr>、<td></td>,他们是创建表格的基本标签,缺一不可

tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

1.table用于定义一个表格。

2.tr 用于定义表格中的一行,必须嵌套在 table标签中,在 table中包含几对 tr,就有几行表格。

3.td /td:用于定义表格中的单元格,必须嵌套在<tr></tr>标签中,一对 <tr> </tr>中包含几对<td></td>,就表示该行中有多少列(或多少个单元格)。

注意: 1. <tr></tr>中只能嵌套<td></td>

            2. <td></td>标签,他就像一个容器,可以容纳所有的元素

表格属性:

属性描述
alignleftcenterright不赞成使用。请使用样式代替。规定表格相对周围元素的对齐方式。
bgcolorrgb(x,x,x)#xxxxxxcolorname不赞成使用。请使用样式代替。规定表格的背景颜色。
borderpx规定表格边框的宽度。默认为 border="0" 不赞成使用
cellpaddingpx*%规定单元边沿与其内容之间的空白。
cellspacingpx*%规定单元格之间的空白。
width%**pixels规定表格的宽度。

表头标签:

表头一般位于表格的第一行或第一列,其文本加粗居中,如下图所示,即为设置了表头的表格。设置表头非常简单,只需用表头标签<th></th>替代相应的单元格标签<td></td>即可。

  <table border="1" align="right">
    <tr>
      <th>收入</th>
      <th>支出</th>
       <th>结余</th>
    </tr>
    <tr>
      <th>1500</th>
      <td>500</td>
      <td>1000</td>
    </tr>
    <tr>
       <th>3000</th>
      <td>2500</td>
      <td>500</td>
    </tr>
  </table>

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值