HTML基本语法之表格标签:表格的主要作用 ,表格的基本语法 ,表头单元格标签 ,表格的结构标签, 合并单元格 ,合并单元格方式 ,目标单元格:(写合并代码), 合并单元格三部曲 您所在的位置:网站首页 html表格对齐方式有哪些 HTML基本语法之表格标签:表格的主要作用 ,表格的基本语法 ,表头单元格标签 ,表格的结构标签, 合并单元格 ,合并单元格方式 ,目标单元格:(写合并代码), 合并单元格三部曲

HTML基本语法之表格标签:表格的主要作用 ,表格的基本语法 ,表头单元格标签 ,表格的结构标签, 合并单元格 ,合并单元格方式 ,目标单元格:(写合并代码), 合并单元格三部曲

2024-07-06 21:11| 来源: 网络整理| 查看: 265

文章目录 表格标签1.表格的主要作用2.表格的基本语法表头单元格标签表格的结构标签合并单元格合并单元格方式目标单元格:(写合并代码)合并单元格三部曲:

表格标签

表格是实际开发中非常常用的标签:

1.表格的主要作用

表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 总结:表格不是用来布局页面得,而是用来展示数据的。 例如:

瓜类单价数目金额西瓜1210120哈密瓜14570香瓜815120 2.表格的基本语法 单元内得文字 ...

1.是用于定义表格的标签。 2.标签用于定义表格中的行,必须嵌套在标签中。 3.用于定义表格中的单元格,必须嵌套在标签中。 4.字母 td 指表格数据(table data),即单元格的内容。

表头单元格标签

一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗剧中显示。

标签表示HTML表格的表头部分(table head的缩写)。

总结:表头单元格也是单元格,常用于表格的第一行,突出重要性,表头单元格里面的文字会加粗居中显示。

表格的结构标签

使用场景:因为表格可能很长,为了更好的表示表格的予以语义,可以将表格分成表格头部和表格的主体两大部分。

在表格标签中,分别使用:标签 表格的头部区域、标签的主体区域。这样可以更好的分清表格结构。

1.:用于定义表格的头部。内部必须拥有标签。一般是位于第一行。

2.:用于定义表格的主体,主要用于放数据本体。

3.以上标签都是放在标签中。

例子:

姓名 性别 年龄 刘德华 男 56 张学友 男 58 郭富城 男 51 黎明 男 57

表格属性,这部分属性我们实际开发中不常用,后面通过CSS来设置。

目的有两个: 1.记住CSS这些单词,后面CSS会使用。 2.直观感受表格的外观形态。

属性名属性值描述 align left 、center、right规定表格相对周围元素的对齐方式。 border1或""规定表格单元是否拥有边框,默认为"",表示没有边框cellpadding像素值规定单元边沿与其内容之间的空白,默认 1 像素cellspacing像素值规定单元表格之间的空白,默认 2 像素。width像素值或百分比规定表格的宽度

案例:小说排行榜

排名关键词封面1靠近你会掉刺在这里插入图片描述2魔尊要抱抱在这里插入图片描述3触碰的旋律在这里插入图片描述4穿越成反派要如何活命在这里插入图片描述

案例分析: 1.第一行里面是 th 表头单元格 2.第二行开始里面是 td 普通单元格 3.单元格里面可以放任何元素,文字链接图片等后可以

后书写表格属性属性

1.用到宽度高度边框 cellpadding 和 cellspacing 2.浏览器中对齐 align

具体代码如下:

排名 关键词 封面 1 靠近你会掉刺 2 魔尊要抱抱 3 触碰的旋律 4 穿越成反派要如何活命 合并单元格

特殊情况下,可以把多格单元格合并为一个单元格。

合并单元格方式

跨行合并: rowspan=“合并单元格的个数”。 跨列合并: colspan=“合并单元格的个数”。

目标单元格:(写合并代码)

跨行:最上侧单元格为目标单元格,写合并代码 跨列:最左侧单元格为目标单元格,写合并代码

合并单元格三部曲:

1.先确定是跨行还是跨列合并。

2.找到目标单元格,写合并方式 = 合并的单元格数量 。 比如:。

3.删除多余的单元格。

例子:



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有