HTML4（二）
文章目录
- 1 开发者文档
- 2 基本标签
- 2.1 排版标签
- 2.2 语义化标签
- 2.3 行内元素与块级元素
- 2.4 文本标签
- 2.5 常用标签补充
- 3 图片标签
- 4 超链接标签
- 4.1 跳转页面
- 4.2 跳转文件
- 4.3 跳转锚点
- 4.4 唤起指定应用
- 5 列表
- 5.1 有序列表
- 5.2 无序列表
- 5.3 自定义列表
- 6 表格
- 6.1 基本结构
- 6.2 表格标签
- 6.3 表格属性
- 6.4 跨行跨列
1 开发者文档
- W3C官网： www.w3c.org
- W3School： www.w3school.com.cn
- MDN： developer.mozilla.org —— 平时用的最多。
2 基本标签
2.1 排版标签
例：标题标签
学习标题标签
一级标签
二级标签
三级标签
四级标签
五级标签
六级标签
例： 段落标签
这是，第一段
这是，第二段
例：div标签
置身移动互联时代，人们在享受智能设备带来便利的同时，也在一些场景中面临个人信息泄露风险。随着时间推移，这样的风险日益呈现出新的表现形式。
一些APP声称看视频、玩游戏甚至走路都能赚钱，但用户想提现却难上加难，还容易泄露个人信息；新型不法软件图标透明、没有名称，在手机屏幕上十分隐蔽，不仅不停推送广告，还会收集并转卖用户隐私信息；个人信息安全和隐私保护话题引发关注，正说明其涉及群众切身利益，问题不容小视。
2.2 语义化标签
- 概念：用特定的标签，去表达特定的含义。
- 原则：标签的默认效果不重要（后期可以通过CSS 随便控制效果），语义最重要！
- 举例：对于h1标签，效果是文字很大（不重要），语义是网页主要内容（很重要）。
- 优势：
-
- 代码结构清晰可读性强。
-
- 有利于 SEO（搜索引擎优化）。
-
- 方便设备解析（如屏幕阅读器、盲人阅读器等）。
2.3 行内元素与块级元素
2.4 文本标签
1、 用于包裹：词汇、短语等。
2、 通常写在排版标签里面。
3、 排版标签更宏观（大段的文字），文本标签更微观（词汇、短语）。
4、 文本标签通常都是行内元素。
例：
HTML_常用的文本标签 span{ color: red; }预防电信诈骗，请安装：国家反诈中心app。
当我们出门的时候，一定要关好门窗！
前端三个框架为：Angular、React、Vue。
2.5 常用标签补充
3 图片标签
例：
HTML_图片标签
4 超链接标签
4.1 跳转页面
去京东 去本地页面
例：
超链接_跳转页面 去秒杀 去百度 去排版标签
4.2 跳转文件
注意1：若浏览器无法打开文件，则会引导用户下载
注意2：若想强制触发下载，请使用download属性，属性值即为下载文件的名称
超链接_跳转文件 看自拍 看小电影 看小姐姐 如何一夜暴富 内部资源 下载小电影 点我看百度logo
4.3 跳转锚点
锚点：网页中的一个标记点
第一步：设置锚点
我是一个位置
注意1：具有href属性的a标签是超链接；具有name属性的a标签是锚点
注意2：name和id都是区分大小写的，且id最好别是数字开头
第二步：跳转锚点
去test1锚点 回到顶部 去demo.html页面的test1锚点 刷新本页面 点我弹窗
例：
超链接_跳转锚点 看灰太狼 看奥特曼我是一只羊，一只很肥美的羊
我是一只狼，一只很邪恶的狼
我是一只奥特曼，一只很能打的奥特曼
我是一只怪兽，一只很丑的怪兽
整体的介绍完毕了
回到顶部 刷新页面 点我弹窗4.4 唤起指定应用
通过a标签，可以唤起设备应用程序
电话联系 邮件联系 短信联系
5 列表
列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息。
- 列表的分类：无序列表、有序列表、定义列表
5.1 有序列表
- Java
- Python
- C++
5.2 无序列表
- Java
- Python
- C++
5.3 自定义列表
学科 Java Python C++ 位置 江西 湖北 湖南
6 表格
6.1 基本结构
一个完整的表格由：表格标题、表格头部、表格主体、表格脚注，四部分组成
6.2 表格标签
- table：表格
- caption：表格标题
- thead：表格头部
- tbody：表格主体
- tfoot：表格注脚
- tr：每一行
- th、td：每个单元格（备注：表格头部中用th，表格主体、表格注脚中用td）
例：
表格_整体结构学生信息
姓名 性别 年龄 民族 政治面貌 张三 男 18 汉族 团员 李四 女 20 满族 群众 王五 男 19 回族 党员 赵六 女 21 壮族 团员 共计：4人 
6.3 表格属性
注意：
例：
表格_常用属性学生信息
姓名 性别 年龄 民族 政治面貌 张三 男 18 汉族 团员 李四 女 20 满族 群众 王五 男 19 回族 党员 赵六 女 21 壮族 团员 共计：4人 
6.4 跨行跨列
- rowspan：指定要跨的行数
- colspan：指定要跨的列数
表格_跨行与跨列课程表
项目 上课 活动与休息 星期 星期一 星期二 星期三 星期四 星期五 星期六 星期日 上午 3-2 3-3 3-4 3-5 3-6 3-7 休息 4-2 4-3 4-4 4-5 4-6 4-7 5-2 5-3 5-4 5-5 5-6 5-7 6-2 6-3 6-4 6-5 6-6 6-7 下午 7-2 7-3 7-4 7-5 7-6 7-7 休息 8-2 8-3 8-4 8-5 8-6 8-7 
- 列表的分类：无序列表、有序列表、定义列表
- 方便设备解析（如屏幕阅读器、盲人阅读器等）。
