烟中雯城

关注

表格标签

烟中雯城

关注

阅读 24

2023-10-21

未命名图片.png 1 , 1 表 格 的 主 要 作 用 
表 格 王 要 用 于 显 示 、 展 示 数 麾 , 因 为 它 可 以 让 数 据 显 示 B 《 帛 的 规 整 , . 可 潞 生 非 常 好 · 特 别 是 后 台 展 示 数 曙 
的 时 候 @ 能 够 熟 练 运 用 表 格 就 显 得 很 重 要 。 一 个 清 真 简 纟 嗆 表 格 能 够 吧 繁 弃 田 数 庭 表 现 得 很 有 条 理 。 
Pink 老 师 总 结: 表 格 不 是 用 来 布 局 页 面 的 , 而 是 用 来 展 示 数 1 
支 出 頃 目 
单 价 ( 元 ) 
金 颍 ( 元 ) 
垃 圾 箱 
12 
宣 传 单 
32 
宣 传 小 册 子 
3 
7 

未命名图片.png 2. 
3. 
4. 
< table> 
</tr> 
</table> 
td ( tabledata ) , 
墨迹绘图


未命名图片.png 2. 
3. 
4. 
< table> 
</tr> 
</table> 
td ( tabledata ) , 

未命名图片.png 13 表 头 单 元 格 标 签 
一 般 表 头 单 元 格 位 于 表 格 的 第 一 行 一 列 , 表 头 单 元 格 里 〕 文 本 内 容 厢 居 中 显 示 . 
<th > 标 签 表 示 HTM L 表 格 的 表 头 部 分 ( tab 处 head 的 缩 写 ) 
<table> 
<tr> 
< th > 姓 名 < / > 
</table> 
姓 名 
」 、 王 
」 、 明 
个 人 信 息 表 
电 适 
20 

未命名图片.png 1 . 4 表 格 属 性 
表 格 标 签 这 部 分 属 性 门 实 际 开 发 我 们 不 常 用 , 后 面 通 过 CSS 来 设 置 . 
目 的 有 2 个 
1 , 记 任 这 些 英 浯 单 词 , 后 面 CSS 会 使 用 
2 . 直 感 受 表 格 的 外 观 形 态 . 
晟 性 名 
align 
border 
cellpadding 
cellspacing 
width 
属 性 佰 
left 、 center 、 
1 或 ' " ' 
像 素 值 
像 素 值 
像 素 值 或 百 分 比 
right 
描 还 
规 定 表 格 相 对 周 围 元 素 的 对 齐 方 式 。 
规 定 表 格 单 元 是 否 拥 有 边 框 , 默 认 为 " " , 表 殳 有 边 框 
规 定 单 元 边 沿 与 具 内 容 之 间 的 空 白 , 默 认 1 像 素 · 
规 定 单 元 格 之 间 的 空 日 , 默 认 2 像 巯 
规 定 表 格 的 宽 度 。 
墨迹绘图
墨迹绘图
墨迹绘图
墨迹绘图


未命名图片.png 1 . 4 表 格 属 性 
表 格 标 签 这 部 分 属 性 门 实 际 开 发 我 们 不 常 用 , 后 面 通 过 CSS 来 设 置 . 
目 的 有 2 个 
1 , 记 任 这 些 英 浯 单 词 , 后 面 CSS 会 使 用 
2 . 直 感 受 表 格 的 外 观 形 态 . 
晟 性 名 
align 
border 
cellpadding 
cellspacing 
width 
属 性 佰 
left 、 center 、 
1 或 ' " ' 
像 素 值 
像 素 值 
像 素 值 或 百 分 比 
right 
描 还 
规 定 表 格 相 对 周 围 元 素 的 对 齐 方 式 。 
规 定 表 格 单 元 是 否 拥 有 边 框 , 默 认 为 " " , 表 殳 有 边 框 
规 定 单 元 边 沿 与 具 内 容 之 间 的 空 白 , 默 认 1 像 素 · 
规 定 单 元 格 之 间 的 空 日 , 默 认 2 像 巯 
规 定 表 格 的 宽 度 。 
 注:cellpadding 设置的是单元格中文字与边框之间的距离
cellspacing 设置的是单元格与单元格之间的距离

未命名图片.png 1 . 5 表 格 结 构 标 签 
1 . <thead > </thead> : 用 于 定 义 表 格 的 头 部 · <thead> 内 部 之 须 佣 有 <tr> 标 签 · 一 般 是 位 于 第 一 行 · 
2 . <tbodY> < / 山 0 > : 用 于 定 义 表 格 的 王 体 , 王 要 用 于 放 数 嘿 本 体 · 
3 . 以 上 标 签 都 是 放 在 < tab 》 e > < / tab > 标 签 中 · 

未命名图片.png 1 · 6 合 井 单 元 格 
合 卉 单 元 格 方 式 
跨 行 合 并 . rowspan = · 合 并 单 元 格 的 个 数 · 
跨 列 合 并 . colspan = , 台 并 单 元 格 的 . 个 数 " 
跨 列 合 并 
跨 行 合 并


未命名图片.png 1 · 6 合 井 单 元 格 
合 卉 单 元 格 方 式 
跨 行 合 并 . rowspan = · 合 并 单 元 格 的 个 数 · 
跨 列 合 并 . colspan = , 台 并 单 元 格 的 . 个 数 " 
跨 列 合 并 
跨 行 合 并 

未命名图片.png 合 并 弟 元 格 三 步 曲 
1 . 先 确 定 是 跨 行 还 是 跨 列 合 并 。 
2 . 找 到 目 标 单 元 格 . 写 上 合 并 方 式 = 合 并 的 单 元 格 数 量 。 比 如 : <tdcolspan= “ 2 " ></td>. 
3 . 磊 除 多 余 的 单 元 格 。


相关推荐

悬灸人雪洋

【HTML】HTML 表格总结 ★★★ ( 表格标签 | 行标签 | 单元格标签 | 表格标签属性 | 表头单元格标签 | 表格标题标签 | 合并单元格 )

悬灸人雪洋 72 0 0

数数扁桃

表格table标签

数数扁桃 78 0 0

f12b11374cba

表格标签and列表

f12b11374cba 169 0 0

天涯学馆

表格标签(HTML)

天涯学馆 86 0 0

思考的鸿毛

前端---表格标签

思考的鸿毛 69 0 0

尤克乔乔

HTML|表格标签

尤克乔乔 75 0 0

和谐幸福的人生

Html 表格标签和表单标签

和谐幸福的人生 93 0 0

程序员阿狸

HTML常用标签之表格标签

程序员阿狸 94 0 0

凌得涂

【HTML】HTML 表格 ② ( 表头单元格标签 | 表格标题标签 )

凌得涂 95 0 0

颜娘娘的碎碎念

表格标签的说明

颜娘娘的碎碎念 45 0 0

精彩评论(0)

0 0 举报