鱼C论坛

 找回密码
 立即注册
查看: 2899|回复: 0

[学习笔记] HTML 基础_表

[复制链接]
发表于 2017-6-26 15:30:05 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
创建表
使用<table>标签定义表
表格分为表格行和<tr>标签
表格行分为表格列 (表格数据) 和<td>标签

这里是一个表和一个示例的一行和三列:

屏幕快照 2017-06-26 下午2.32.27.png

*表数据标签<td>作为表中的数据容器

它们可以包含各种 HTML 元素,例如文本,图像,列表,其他表等.

边界和合并单元格属性
可以使用 border 属性添加边框:

屏幕快照 2017-06-26 下午2.35.36.png


表格单元格可以跨越两列或者更多列:

屏幕快照 2017-06-26 下午2.37.25.png

结果:
屏幕快照 2017-06-26 下午2.38.08.png

Colspan颜色
下面示例演示了 colspan 属性的操作:

屏幕快照 2017-06-26 下午2.48.05.png

结果:
屏幕快照 2017-06-26 下午2.41.31.png
你可以看到包含 “Orange”的单元格跨越两个单元格

*要使用单元格跨越多行,请使用 rowspan 属性


对齐和 bgclor 属性

要更改表的位置,请使用表格标签中的 align 属性:

屏幕快照 2017-06-26 下午2.46.26.png


现在让我们为表格行指定一个红色的背景颜色.要做到这一点,只需使用 bgcolor 属性

屏幕快照 2017-06-26 下午2.48.05.png

显示:
屏幕快照 2017-06-26 下午2.48.54.png

*在样式元素的情况下, CSS 比 HTML 更有效

评分

参与人数 1鱼币 +5 收起 理由
小甲鱼 + 5 支持楼主!

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-20 03:07

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表