阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      HTML td 标签

      HTMLL <td> 标签功能

      • <td> 标签定义 HTML 表格中的标准单元格。

      • HTML 表格有两种单元格类型:

        • 表头单元格 - 包含头部信息(由 <th> 元素创建)
        • 标准单元格 - 包含数据(由 <td> 元素创建)
      • <th> 元素中的文本通常呈现为粗体并且居中。

      • <td> 元素中的文本通常是普通的左对齐文本。


      HTMLL <td> 标签用法

      一个简单的 HTML 表格,带有两个单元格:

      <table border="1">
          <tr>
              <td>Cell A</td>
              <td>Cell B</td>
          </tr>
      </table>
      

      HTMLL <td> 标签演示

      Cell ACell B

      浏览器支持

      所有主流浏览器都支持 <td> 标签。


      注意事项

      提示:如果需要将内容横跨多个行或列,请使用 colspan 和 rowspan 属性!


      HTML4 与 HTML5 之间的差异

      HTML 5 中不再支持 HTML4 中的某些属性。


      属性

      属性描述
      abbrtextHTML5 不支持。规定单元格中内容的缩写版本。
      alignleft
      right
      center
      justify
      char
      HTML5 不支持。规定单元格内容的水平对齐方式。
      axiscategory_nameHTML5 不支持。对单元格进行分类。
      bgcolorrgb(x,x,x)
      #xxxxxx
      colorname
      HTML5 不支持。HTML4 已废弃。 规定单元格的背景颜色。
      charcharacterHTML5 不支持。规定根据哪个字符来进行内容的对齐。
      charoffnumberHTML5 不支持。规定对齐字符的偏移量。
      colspannumber规定单元格可横跨的列数。
      headersheader_id规定与单元格相关联的一个或多个表头单元格。
      heightpixels
      %
      HTML5 不支持。HTML4 已废弃,设置单元格的高度。
      nowrapnowrapHTML5 不支持。HTML4 已废弃。规定单元格中的内容是否折行。
      rowspannumber设置单元格可横跨的行数。
      scopecol
      colgroup
      row
      rowgroup
      HTML5 不支持。定义将表头单元格与数据单元格相关联的方法。
      valigntop
      middle
      bottom
      baseline
      HTML5 不支持。规定单元格内容的垂直排列方式。
      widthpixels
      %
      HTML5 不支持。HTML4 已废弃。 规定单元格的宽度。

      全局属性

      <td> 标签支持 HTML 全局属性


      事件属性

      <td> 标签支持 HTML 事件属性


      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录