打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
7。HTML表格(tables)-HTML教程 网页教程与代码 站长网教程中心_www.adm...

如何创建HTML表格

HTML表格用<table>表示。一个表格可以分成很多行(row),用<tr>表示;每行又可以分成很多单元格(cell),用<td>表示。

这三个Tag是创建表格最常用的Tag。

示例

border属性

在缺省情况下,如果不设置表格的边界,表格是不显示边界的。

示例:不显示边界的表格

要显示表格的边界,可使用border这个属性。

示例:显示边界的表格

表格的表头

用<th>来表示表格的表头,表头的字是粗体显示的。

示例: 有表头的表格

空的单元格

如果表格的单元格<td></td>之间没有内容,那么这个单元格的边界是不会被显示出来的,尽管整个表格已设置边界值。要显示这个单元格的边界,可以插入一个 空格符。

示例

更多示例

有标题的表格

这个示例演示如何用<caption>在一个表格上加上标题。

包含多列或多行的单元格

这个示例演示如何用colspan,rowspan设置多列或者多行的单元格。

单元格里的内容

这个例子演示单元格<td></td>里面的内容。单元格的内容可以是文字,图片,超链接,Form,表格等。

单元格内容与单元格边界之间的距离

这个示例教你如何用cellpadding这个属性设置单元格内容与单元格边界之间的距离。

单元格之间的距离

这个示例教你如何用cellspacing这个属性设置单元格之间的距离

设置表格的背景颜色和背景图片

这个示例演示如何用bgcolor属性设置表格的背景颜色,如何用background属性为表格添加背景图片。

设置单元格的背景颜色和背景图片

这个示例演示如何用bgcolor属性设置单元格的背景颜色,如何用background属性为单元格添加背景图片。

单元格内容的对齐方式

这个示例教你如何用align属性设置单元格的对齐方式。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
6.如何创建HTML表格
html常用标签大全
HTML table、form表单标签的介绍
2-4-2 课件:英博特网站二三级页面-产品详细信息页面制作
HTML试题与答案
详解HTML 标签和属性
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服