html表格重置标签,HTML——表格标签

存在即是合理的。 表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。

表格的应用场景:

083afe8fbf442e49d403b3ad3f574f3f.png

1 创建表格

在HTML网页中,要想创建表格,就需要使用表格相关的标签。创建表格的基本语法格式如下:

单元格内的文字

...

...

在上面的语法中包含三对HTML标签,分别为

、、,他们是创建表格的基本标签,缺一不可,下面对他们进行具体地解释

1.table用于定义一个表格。

2.tr 用于定义表格中的一行,必须嵌套在 table标签中,在 table中包含几对 tr,就有几行表格。

3.td /td:用于定义表格中的单元格,必须嵌套在

标签中,一对 中包含几对,就表示该行中有多少列(或多少个单元格)。

注意:

1.

中只能嵌套

2.

标签,他就像一个容器,可以容纳所有的元素

2 带表头的表格

表头一般位于表格的第一行或第一列,其文本加粗居中,如下图所示,即为设置了表头的表格。设置表头非常简单,只需用表头标签

替代相应的单元格标签即可。

7296e760d51ad8a95187e399583d1f7a.png

e0a71f1b0ef56115965f3ee0382cca35.png

3 带标题的表格

caption 元素定义表格标题。

caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

001cd2fdc7598cd6f7dc67a0b8feeebd.png

4 带结构的表格(了解) ​

6e157c98566d5525455d733c483e6f87.png

5b10b816401a51bd57d2c18d209a71cf.png

5 表格属性

c15c7c9099a0f441d95ecd8bbe02f5a8.png

d1f6d8aa66621d6d35727c70e4036a30.png

955777db5c2d23e998b47149b0786265.png

335434bcabe0a162a0dfdc81d9396668.png

tr标签属性:

f0df70ac36a5c1aecc87d6f56ddfeaf9.png 

bf3c55d43a5154dd9a367dcc52c7364e.png

td和th标签属性:

86461a413aba9660dab47fdd12bcfc1b.png

thead、tbody和tfoot标签属性:

de7528c18f0e140b67da72e91e949772.png

6 合并单元格(难点)

跨行合并:rowspan 跨列合并:colspan

合并单元格的思想:

将多个内容合并的时候,就会有多余的东西,把它删除。 例如 把 3个 td 合并成一个, 那就多余了2个,需要删除。

公式: 删除的个数 = 合并的个数 - 1

合并的顺序 先上 先左

例子:

7 表格嵌套

说明:完整表格结构 + 放到td标签中。

aa374c3e71ca49165586d9007a4db124.png

H5 表格标签的其它标签

H5 表格标签基本使用

HTML常用标签与表格标签

超链接标签: 超链接的文字 _blank或new是在新网页中打开 ...

9月6日表格标签(table、行、列、表头)(补)

一.

1.width  表示表格宽度,宽度表达方式有像素和百分比两种.网 ...

PHP入门 - - 06-->HTML的表格标签

表格标签

透明、圆角、阴影效果、背景色渐变、<a></a>去外层虚线、!!!表格标签<table>

表格标签

HTML的表格标签

值节点" 2. 对于特定插值节点,它所对应的插值函数是必定存在且唯一的(关 ...

【MySQL】MySQL的Sequence

Oracle的Sequence用爽了,发现MySQL没有Sequence,那么,自己写一个呗. > 最简单的实现 先建一个表存储当前值: CREATE TABLE `t_sequence` ( ...

android启动页优化实践

最近观看友盟统计发现App启动页跳出率很高,观看启动页的平均启动时间为2.8s,如下图: 所以一个很现实的问题就出来了,优化启动页面... (一)做了什么? 我们的启动页面主要用于展示启动页面,加载网 ...

kafka的一些名词

broker.id 区kafka集群中每台机器的标识 log.dirs 日志的存放目录,这个最好不要放到/tmp目录下,因为kafka的已被消费和未被消费的数据也被当成“日志”存放到了日志目录,: l ...

【MS SQL】数据库维护计划之数据库备份(一)

原文:[MS SQL]数据库维护计划之数据库备份(一) 在做数据库备份之前,一定会听到:完整备份.差异备份.增量备份.事务日志备份...等词:下面配图进行说明. 完整备份:完整数据库备份包含数据库中的 ...

[转载] Java线程池框架源码分析

转载自http://www.linuxidc.com/Linux/2014-11/108791.htm 相关类Executor,Executors,AbstractExecutorService,Ex ...

JavaSE----基础语法(方法)

1.8 方法 1.8.1方法的的定义 定义:完毕特定功能的代码块.在非常多语言里面有函数的定义,而在Java中函数被称为方法. 格式: 修饰符 返回值类型 方法名(參数类型 參数名1,參数类型 參数名 ...

jQuery EasyUI布局容器layout实例精讲

这个布局容器,有五个区域:北.南.东.西和中心. 他中心地区面板是必需的,但是边缘地区面板是可选的.每一个边缘地区面板可以缩放的拖动其边境, 他们也可以通过点击其收缩触发.布局可以嵌套,从而用户可以建 ...

linux 命令失效

失效的原因 是我在执行命令的时候输入错误了.在网上找了很多的办法都是以下两种方式:  其一:直接在linux命令行界面输入如下,然后回车(导入环境变量,以及shell常见的命令的存放地址):  exp ...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值