HTML5--网页前端编程(下)

ops/2025/2/13 16:12:31/

HTML5–网页html" title=前端>前端编程(下)

9.常用标签下

(1)表格标签

用来展示数据,显示数据,规整条理,可读性好
基本语法

<table><tr>
<td>单元格内的文字</td>
<td>单元格内的文字</td>…
</tr>
<tr>
<td>单元格内的文字</td>
<td>单元格内的文字</td>…
</tr>…
</table>

<table>用来定义表格的标签,是一个大的框架
<tr>用来定义表格中的行,必须嵌套在<table>标签中
<td>用来定义表格中的单元格,必须嵌套在<tr>标签中

(2)表头单元格标签

一般表头单元格位于表格第一行或第一列里面的文本内容加粗居中显示
<th>标签表示html表格的表头部分,把<td>换成<th>

<table> 
<tr><th>姓名</th>…
</tr>
…
</table>

(3)表格属性

html中不常用,在css用的多
在这里插入图片描述
这些标签要写到

标签里面

(4)表格结构标签

使用场景:表格可能很长,为了更好的表示表格的语义,将表格分成表头和主体
<thead>表示表格标签的头部区域,<tbody>表示表格标签的主体区域
<thead>用于定义表格的头部,内部必须拥有<tr>标签,一般位于第一行
<tbody>用于定义表格的主题,主要用于放数据本体
这两个标签都是放到<table></table>标签中

(5)合并单元格

把多个单元格合并


http://www.ppmy.cn/ops/158082.html

相关文章

verilog练习:i2c slave 模块设计

文章目录 前言1.结构2.代码2.1 iic_slave.v2.2 sync.v2.3 wr_fsm.v2.3.1 状态机状态解释 2.4 ram.v 3. 波形展示4. 建议5. 资料总结 前言 首先就不啰嗦iic协议了&#xff0c;网上有不少资料都是叙述此协议的。 下面将是我本次设计的一些局部设计汇总&#xff0c;如果对读者有…

c/c++蓝桥杯经典编程题100道(18)括号匹配

括号匹配 ->返回c/c蓝桥杯经典编程题100道-目录 目录 括号匹配 一、题型解释 二、例题问题描述 三、C语言实现 解法1&#xff1a;栈匹配法&#xff08;难度★&#xff09; 解法2&#xff1a;计数器法&#xff08;仅限单一括号类型&#xff0c;难度★☆&#xff09; …

Java面试题(11) 整理Java面试题及参考答案

下面是最近翻阅各类博客网站收集整理的一些Java面试题&#xff0c;您值得拥有&#xff1a; 史上最全Java面试题&#xff08;带全部答案&#xff09; 2018JAVA面试题附答案(长期更新) 这是我见过最有用的java面试题&#xff0c;面试了无数公司总结的 2017 最新java面试题&…

android 自定义文件名和日期——android 打包技巧——不覆盖历史成功文件和版本-默认打包缺陷

一、传统方式 传统方式打包在 文件夹”app\release“下生成”app-release.apk“ 1. 多应用易混淆问题 同一项目多变体场景 当项目存在多个不同的构建变体时&#xff0c;例如不同的渠道包&#xff08;如应用宝渠道、华为应用市场渠道等&#xff09;、不同的版本类型&#xff08;…

网络安全之攻防笔记--web安全攻防

通用漏洞SQL SQL注入 针对数据库的攻击手法&#xff0c;通过在输入字段中插入恶意的SQL代码&#xff0c;改变或破坏原本预期的SQL注入查询 基于注入参数类型 数字型注入、字符型注入 基于请求提交方式 GET注入、POST注入 基于获取信息方式 有回显的注入 联合查询注入、基于报错…

Redis存储⑥Redis五大数据类型之 Zset

目录 1. Zset 有序集合 1.1 Zset 有序集合常见命令 zadd zcard zcount zrange zrevrange zrangebyscore&#xff08;弃用&#xff09; zpopmax bzpopmax zpopmin bzpopmin zrank zrevrank zscore zrem zremrangebyrank zremrangebyscore zincrby 1.2 Zset有…

青少年编程与数学 02-009 Django 5 Web 编程 06课题、模型定义

青少年编程与数学 02-009 Django 5 Web 编程 06课题、模型定义 一、模型二、定义模型1. 导入模型类2. 定义模型类3. 定义字段4. 添加元数据&#xff08;可选&#xff09;5. 定义模型方法&#xff08;可选&#xff09;6. 迁移模型 三、模型字段字符字段数字字段日期和时间字段布…

《探秘AI绿色计算:降低人工智能硬件能耗的热点技术》

在人工智能飞速发展的当下&#xff0c;其硬件能耗问题愈发凸显。据国际能源署预测&#xff0c;人工智能的能源消耗可能大幅增长。因此&#xff0c;降低人工智能硬件能耗&#xff0c;实现绿色计算&#xff0c;已成为行业关键课题。以下是一些正在崭露头角的热点技术。 新型硬件…