前端学习之HTML——表格

本文详细介绍了HTML表格的主要作用,强调其用于数据展示而非页面布局。内容涵盖表格的基本元素如`<table>`、`<tr>`、`<td>`和`<th>`,以及表格属性、表格结构标签`<thead>`和`<tbody>`。此外,还重点讲解了如何通过`rowspan`和`colspan`进行单元格的合并。
摘要由CSDN通过智能技术生成

表格的主要作用

  1. 表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理
  2. 表格不是用来布局页面的,而是用来展示数据的。

表格的具体用法:

     <table>
       <tr>
            <td>单元格内的文字</td>
            ...
        </tr>
        ...
    </table>
  1. <table> </table>是用于定义表格的标签。
  2. <tr> </tr>标签用于定义表格中的行,必须嵌套在 <table> </table>标签中。
  3. <td> </td>用于定义表格中的单元格,必须嵌套在<tr></tr>标签中。
  4. 字母 td 指表格数据(table data),即数据单元格的内容。
  5. <th>标签表示 HTML 表格的表头部分(table head 的缩写)
  6. 表头单元格也是单元格,常用于表格第一行突出重要性,表头单元格里面的文字会加粗居中

表格属性:

表格标签这部分属性我们实际开发我们不常用,后面通过 CSS 来设置.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值