加入收藏 | 设为首页 | 会员中心 | 我要投稿 汽车网 (https://www.0577qiche.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 教程 > 正文

HTML <td> 标签解析

发布时间:2023-03-22 14:02:42 所属栏目:教程 来源:
导读:html <td> 标签定义 html 表格中的标准单元格

HTML 表格有两种单元格类型

表头单元格 - 包含头部信息(由 <th> 元素创建)

标准单元格 - 包含数据(由 <td> 元素创建)

<th> 元素中的文本通常呈现为粗体
html <td> 标签定义 html 表格中的标准单元格

HTML 表格有两种单元格类型

表头单元格 - 包含头部信息(由 <th> 元素创建)

标准单元格 - 包含数据(由 <td> 元素创建)

<th> 元素中的文本通常呈现为粗体并且居中

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

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

属性
属性    值    描述
abbr    text    HTML5 不支持
设置单元格中内容的缩写版本
align    left
right
center
justify
char    HTML5 不支持
设置单元格内容的水平对齐方式
axis    category_name    HTML5 不支持
对单元格进行分类
bgcolor    rgb(x,x,x)
#xxxxxx
colorname    HTML5 不支持,HTML 4.01 已废弃
设置单元格的背景颜色
char    character    HTML5 不支持
设置根据哪个字符来进行内容的对齐
charoff    number    HTML5 不支持
设置对齐字符的偏移量
colspan    number    设置单元格可横跨的列数
headers    header_id    设置与单元格相关联的一个或多个表头单元格
height    pixels
%    HTML5 不支持,HTML 4.01 已废弃
设置单元格的高度
Nowrap    Nowrap    HTML5 不支持,HTML 4.01 已废弃
设置单元格中的内容是否折行
rowspan    number    设置单元格可横跨的行数
scope    col
colgroup
row
rowgroup    HTML5 不支持
定义将表头单元格与数据单元格相关联的方法
valign    top
middle
bottom
baseline    HTML5 不支持
设置单元格内容的垂直排列方式
width    pixels
%    HTML5 不支持,HTML 4.01 已废弃
设置单元格的宽度

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

<table border="1">
  <tr>
    <td>Cell A</td>
    <td>Cell B</td>
  </tr>
</table>
范例列表
链接    描述
表格中的标题    如何显示表格标题
空单元格    如何使用 " " 处理没有内容的单元格
带有标题的表格    一个带标题(caption)的表格
表格内的标签    如何在其他的元素内显示元素
跨行或跨列的表格单元格    如何定义跨行或跨列的表格单元格

HTML 4.01 与 HTML5 之间的差异
HTML 5 中不再支持 HTML 4.01 中的某些属性。

(编辑:汽车网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章