表格存在即是合理的。 表格的现在还是较为常用的一种标签,但不是用来布局,常见显示、展示表格式数据。因为它可以让数据显示的非常的规整,可读性非常好。
table
标签表示表格数据-------即通过二维数据表表示的信息。
table 里面包含的二级元素按如下格式:
- 一个可选的
<caption>
元素- 零个或多个的
<colgroup>
元素- 一个可选的
<thead>
元素 下列任意一个:
- 零个或多个
<tbody>
- 零个或多个
<tr>
- 一个可选的
<tfoot>
元素
具体使用情况见如下代码:
<table>
<caption>Awesome caption</caption>
<colgroup>
<col span="2" class="batman">
<col span="2" class="flash">
</colgroup>
<thead>
<tr>
<th>Header content 1</th>
<th>Header content 2</th>
<th>Header content 3</th>
<th>Header content 4</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body content 1</td>
<td>Body content 2</td>
<td>Body content 3</td>
<td>Body content 4</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer content 1</td>
<td>Footer content 2</td>
<td>Footer content 3</td>
<td>Footer content 4</td>
</tr>
</tfoot>
</table>
表格标签 table 支持全局属性。
下列的 border、cellspacing、cellpadding、width、height、align、bgcolor、frame、rules、summary 已经废弃,用CSS来代替。
HTML <caption>
元素 (or HTML 表格标题元素) 展示一个表格的标题, 它常常作为 <table>
的第一个子元素出现,同时显示在表格内容的最前面,但是,它同样可以被CSS样式化,所以,它同样可以出现在任何一个一个相对于表格的做任意位置。
见1.1
caption 标签支持全局属性。
表格列组(Column Group <colgroup>
)标签用来定义表中的一组列表。
见1.1
colgroup 标签支持全局属性,除此之外,还支持如下属性:
这个属性用于定义列组中的每一个列成员的背景颜色。但不要使用这个并未被标准化的属性,它只是在 IE 的某些版本中生效。
这个属性包含一个正整数,表示 colgrouup 定义的连续列组的个数,如果没有定义的话,默认值为1。
<col>
元素,而且在它之前没有省略了结束标签的 <colgroup>
元素,元素的开始标签可以被省略;col 元素定义表格中的列,并用于定义所有公共单元格上的公共语义。它通常位于 <colgroup>
元素内。
见1.1
col 标签支持全局属性,除此之外,还支持如下属性:
这个属性用于定义列组中的每一个列成员的背景颜色。但不要使用这个并未被标准化的属性,它只是在 IE 的某些版本中生效。
这个属性包含一个正整数,表示 colgrouup 定义的连续列组的个数,如果没有定义的话,默认值为1。
<thead>
元素定义了一组定义表格的列头的行。
见1.1
thead 标签支持全局属性,除此之外,还支持如下属性:
这个属性用于定义每个单元格的背景颜色。但不要使用这个并未被标准化的属性,它只是在 IE 的某些版本中生效。
tbody 标签封装了一组行,表明它们组成了表的主体。
见1.1
tbody 标签支持全局属性。
<tr>
元素定义表格中的行。同一行可同时出现 <td>
和 <th>
元素。
见1.1
tr 标签支持全局属性。
th 标签定义表格内的表头单元格。这部分特征是由 scope 和header 属性准确定义的。
见1.1
th 标签支持全局属性,除此之外,还支持如下属性:
这个属性定义了每列中每单元格的背景色。不要使用这个属性,它不是标准属性且仅在某些版本的 Microsoft Internet Explorer 支持。
这个属性包含一个正整数表示了每单元格中扩展列的数量。默认值为1 。超过1000的值被视作1000。
这个属性包含了一个空间分隔的字符串的列表,每个与其他<th>
元素相关联的 id 属性一一对应。
这个属性包含一个正整数,表示了每单元格中扩展列的数量。默认值为1。如果该值被设置为 0,这个单元格就被扩展为(<thead>
,<tbody>
或 <tfoot>
)中表格部分的最后一个元素。比65534大的值被视作65534。
这个枚举属性定义了表头元素 (在 <th>
中定义) 关联的单元格。它可能有以下值:
表头关联一行中所有的单元格。
表头关联一列中所有的单元格。
表头属于一个行组并与其中所有单元格相关联。这些单元格可以被放在表头的左侧或右侧,取决于 <table>
元素中 dir 属性的值 。
表头属于一个列组并与其中所有单元格相关联。
<th>
或 <td>
,或者其后没有其他数据内容在其父元素内;td 标签定义了一组包含数组的表格单元格。
见1.1
th 标签支持全局属性,除此之外,还支持如下属性:
这个属性定义了每列中每单元格的背景色。不要使用这个属性,它不是标准属性且仅在某些版本的 Microsoft Internet Explorer 支持。
这个属性包含一个正整数,表示了每单元格中扩展列的数量。默认值为1 。超过1000的值被视作1。
这个属性包含了一个空间分隔的字符串的列表,每个与其他<th>
元素相关联的 id 属性一一对应。
这个属性包含一个正整数,表示了每单元格中扩展列的数量。默认值为1。如果该值被设置为 0,这个单元格就被扩展为(<thead>
,<tbody>
或 <tfoot>
)中表格部分的最后一个元素。比65534大的值被视作65534。
<th>
或 <td>
,或者其后没有其他数据内容在其父元素内;合并单元格是我们比较常用的一个操作,但是不会合并的很复杂。
合并单元格的顺序,我们按照先上后下,先左后右的顺序,跟我们以前学习汉字的书写顺序完全一致。
<tfoot>
定义了一组表格中各列的汇总行。
见1.1
tfoot 标签支持全局属性,除此之外,还支持如下属性:
此属性定义了列内单元格的背景色。 请勿使用此属性,因为这并非标准,且只有某些特定版本的 Microsoft Internet Explorer(IE浏览器)支持。
<table>
没有后续内容的情况下,结束标签可被省略。<tfoot>
必须出现在一个或多个 <caption>
,<colgroup>
,<thead>
,<tbody>
,或 <tr>
元素之后。 注意这是自 HTML5 起有的要求。HTML 4 <tfoot>
元素不能放在任何 <tbody>
或 <tr>
元素之后。注意,这与上述HTML5的标准相冲突。如果你感觉文章不咋地
//(ㄒoㄒ)//
,就在评论处留言,作者继续改进;o_O???
如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//
如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L;~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※
!!!
文章浏览阅读1.1w次,点赞27次,收藏155次。Arduino ESP32 获取网络时间并同步本地RTC时钟相关篇《Arduino ESP32 最简单直接获取网络时间方法》在 ArduinoESP32核心支持库当中已经包含相关的获取时间的库,获取网络时间后,就可以不依赖网络,重复去获取时间,如果长时间运行,可以设置间隔时间同步NTP时间,只要访问本地时间的相关函数能正常调用,就没有问题。调试了一天,掉坑里去了,在访问本地时间的时候,有些看是不重要的细节,往往很容易掉到坑里去。最容易掉坑的地方!在获取本地时间的时候,一定要先判断一_arduino获取网络时间
文章浏览阅读857次,点赞18次,收藏24次。嘿,云原生领域的小伙伴们,猫头虎博主来了!今天,我们要聊的是Kubernetes(K8s)中让人头疼的错误。这个错误通常发生在Pod无法稳定运行,不断重启的情况下。作为一名猫头虎般敏锐的技术博主,我将带大家深入了解这个问题的原因,并提供详细的解决方案。从错误分析到解决步骤,从操作命令到预防策略,我们将全面覆盖。还有,为了更好的理解,我们会添加一些代码示例。准备好跟我一起探索这个问题的解决之道了吗?让我们开始吧!错误类型原因解决步骤预防措施应用错误检查Pod日志测试应用代码配置问题检查配置。
文章浏览阅读8.4k次。VB填充IE上的输入框并提交 假设登录页面的HTML代码如下: testPage 用户: _vb打开ie并写入
文章浏览阅读2.6w次,点赞40次,收藏341次。HTML概述1.1 什么是HTMLHTML是做网站的、Web开发、互联网生态开发(PC端+移动端+微应用) 目前我们使用的都是HTML5,支持传统的PC端开发,还支持移动端开发还支持微应用开发,从而替换了部分传统的移动端开发技术1.2 HTML概念HTML:Hyper Text Markup Language,超文本标记语言。是用来帮助我们构建网页的。【超文本】:网页本身是一个文本文件,而超文本指的是这种文件中既可以包含文本信息,又可以包含图片,音频,视频和链接等非文字的信息。_html正文标签
文章浏览阅读811次。关于相机预览尺寸的选取和旋转角度的设定到这里便分析结束了, 这里再简单的回顾一下相机预览尺寸的选取统计相机支持的预览尺寸, 按照比例归类从用户传入的比例中找寻与 View 尺寸相当的作为预览尺寸相机旋转角度的设定sensor 坐标系sensor 坐标系图像映射到屏幕坐标系对图像进行校正以确认最终的旋转角度其中 旋转角度的设定 较之 尺寸的选取 要更为困难, 其中牵扯到坐标系的映射和映射后的旋转, 前置相机还需要考虑镜像的抵消, 不过所幸这里将其梳理清楚了。_android camera.setdisplayorientation
文章浏览阅读3.4k次,点赞2次,收藏13次。假设待压缩的是data/目录。_linux解压分卷压缩包
文章浏览阅读1w次,点赞2次,收藏18次。WBS元素作为分摊分配发送方的技术实现及业务场景介绍。_wbs跨公司归集费用
文章浏览阅读722次。document.write(parseFloat("10.00") + "<br>");document.write(parseFloat("10.30") + "<br>");document.write(parseFloat("10.33") + "<br>");// 结果为1010.310.33parseFloat() 函数可解..._价格类变量数据转换
文章浏览阅读563次。点上方↑“小学生阅读”关注更多资讯 !温馨提示:茫茫人海,为防大家走失,请点击上方“小学生阅读” →点击右上角“...”→点选“设为星标★”为小学生阅读加上星标,就再也不会迷路啦!●如果一个人没有在童年时期就体验过面对书籍进行深思的激动人心的欢乐,那就很难设想会有完满的教育。——苏霍姆林斯基分数除法知识点(一)倒数1、倒数的意义:乘积是1的两个数互为倒数。强调:互为倒数..._多几分之几知识点
文章浏览阅读750次。文章目录前言一、准备工作1.系统安装文件下载2.烧写软件3.u盘介质二、制作启动盘1.格式化u盘2.读入数据三、修改BIOS设置四、安装系统1.Windows系统安装2.Linux系统安装总结前言提示:这里可以添加本文要记录的大概内容:我发现现在好多人装系统都被引入了一个误区,一说起装系统,就认为那是很难的操作,非专业人员不可以乱动,会搞坏电脑等等,其实装系统并不难,看完这篇文章让小白学会装系统一、准备工作1.系统安装文件下载系统安装文件也叫做系统镜像,我这里使用的是 MSDN这个工具站,它_pc安装 windows 跟linux系统
文章浏览阅读268次。网页导出pdf 防止内容被切断_jspdf+html2canvas 转pdf 分页时会把内容切割
文章浏览阅读668次。02. 系统设置_fortimail命令行配置路由