html表格标记基本结构有哪些内容_html表格标记基本结构有哪些内容组成

html表格标记基本结构有哪些内容_html表格标记基本结构有哪些内容组成HTML学习笔记——使用表格5.1 创建表格5.1.1表格的基本构成table、tr、td表格由行、列和单元格3部分组成,一般通过3个标记来创建,分别是表格标记table、行标记tr、列标记td

HTML学习笔记——使用表格
  5.1 创建表格

  5.1.1表格的基本构成table、tr、td

  表格由行、列和单元格3部分组成,一般通过3个标记来创建,分别是表格标记table、行标记tr、列标记td。表格的各种属性都要在表格的开始标记< table>和表格的结束标记< /table>之间才有效。

  行:表格中的水平间隔。

  列:表格中的垂直间隔。

  单元格:表格中行与列相交所产生的区域。

  语法:

  5.1.2 设置表格的标题caption

  可以使用< caption>来设置标题单元格,表格的标题一般位于整个表格的第一行。一个< table>表格只能含有一个表格标题。

  语法:< caption>表格的标题< /caption>

  5.1.3 表头th

  表格的表头< th>是< td>单元格的一种变体,实质上仍是一种单元格。它一般位于第一行和第一列,用来表明这一行或列的内容类别。在一般情况下,浏览器会以粗体和居中的样式显示< th>元素中的内容。

  语法:

  5.2表格基本属性

  5.2.1 表格宽度width和高度height

  宽度和高度的值可以是像素值也可以是百分比。

  语法:

  5.2.2 表格对齐方式align

  语法:

  5.3 表格的边框

  5.3.1 表格边框宽度border

  默认情况下如果不指定border属性,则浏览器将不显示表格边框。只有设置border值不为0,在网页中才能显示出表格的边框。

  语法:

  5.3.2 表格边框颜色bordercolor

  默认情况下边框的颜色是灰色的,可以使用bordercolor设置边框颜色。但是设置边框颜色的前提是边框的宽度不能为0,否则无法显示出边框的颜色。

  语法:

  5.3.3 内框宽度cellspacing

  表格的内框宽度属性cellspacing用于设置表格内部每个单元格之间的间距。单位是像素。

  语法:

  5.3.4 表格内文字与边框间距cellpadding

  在默认情况下,单元格里的内容会紧贴着表格的边框,这样看上去非常拥挤。可以使用cellpadding来设置单元格边框与单元格里的内容之间的距离。单位是像素。

  语法:

  5.4 表格背景

  5.4.1 表格背景颜色bgcolor

  表格的背景颜色属性bgcolor是针对整个表格的,bgcolor定义的颜色可以被行、列或单元格定义的颜色所覆盖。

  语法:

  5.4.2 表格背景图像

  语法:

  5.5 表格的行属性

  高度控制height、边框颜色bordercolor、行背景bgcolor、background、行文字的水平对齐方式align、行文字的垂直对齐方式valign。

  语法:

  5.6 单元格属性

  5.6.1 单元格大小width、height

  语法:

  5.6.2 水平跨度colspan,垂直跨度rowspan

  在设计表格时,有时需要将两个或者更多的相邻单元格组合成一个单元格。

  语法:

  5.6.3 对齐方式align、valign

  语法:

  5.6.4 单元格的背景色,边框颜色bordercolor

  语法:

  5.6.5 单元格的亮边框bordercolorlight和暗边框bordercolordark和背景图像background

  语法:

  5.7表格的结构

  表格的表首标记< thead>、表主体标记< tbody>、表尾标记 < tfoot>。这三个语法相似。

  语法:

2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/94263.html

(0)
上一篇 2024年 5月 26日 下午8:42
下一篇 2024年 5月 26日

相关推荐

关注微信