HTML笔记
第一部分：标签、属性
什么是标签
标签具有两种基础标签：双标签、单标签
1、双标签：双标签具有 起始标签 和 结束标签 组成，
2、单标签：单标签只具有 起始标签
Tips：在双标签里面可以嵌套标签，前提是标签作用不会产生冲突
什么是属性
属性是由 关键词&值 相组合的
每一个关键词都有相对应的值（不绝对哈），关键词和值组合插入在起始标签内，并产生作用域在此标签内
Tips：属性主要作用于标签中，在标签中添加属性的关键词，使属性中的关键词作用域控制在当前标签中并产生作用。
参考内容：HTML（超文本标记语言)
详细内容参考：HTML（超文本标记语言）（内附带各类标签及属性的语法解释）
第二部分：基本结构
例一：文档声明、编码声明、排版标签
直接上代码，注释在代码中（VS code 注释快捷键：CTRL+/ ）
html
<!DOCTYPE html><!-- 网页声明为 H5 网页 -->
<html lang="zh-CN"><!-- 语言声明为 中文网站 -->
<head> <!-- 头部声明 -->
<meta charset="UTF-8"><!-- 字符编码声明为 UTF-8 通用编码模式 -->
<title>HTML排版标签</title><!-- 网页抬头 -->
</head>
<body><!-- 实现部分 -->
<H1>标题1</H1> <!-- 一级标题，每个页面最多出现一个 H1 -->
<h2>标题1</H2> <!-- 二级标题 -->
<H3>标题1</H3> <!-- 三级标题，和二级一样，出现单个页面不能出现太多标题命名 -->
<H4>标题1</H4> <!-- 四级标题 -->
<H5>标题1</H5> <!-- 五级标题 -->
<H6>标题1</H6> <!-- 六级标题，和上面两级一样，使用场景很少，但是不限制单个页面出现次数 -->
<p>段落标题</p> <!-- 段落标题 -->
<p>段落标题</p>
<div>容器</div> <!-- 容器，里面可包含行级、块级元素，不建议当标题使用 -->
<div>
<H1>把个人信息"安全堤"筑牢</H1>
<h4>2022-06-21:07:34 1347条评论</h4>
<p>置身移动互联时代，人们在享受智能设备带来便利的同时，也在一些场景中面临个人信息泄露风险。随着时间推移，这样的风险日益呈现出新的表现形式。</p>
<p>一些APP声称看视频、玩游戏甚至走路都能赚钱，但用户想提现却难上加难，还容易泄露个人信息;新型不法软件图标透明、没有名称，在手机屏幕上十分隐蔽，不仅不停推送广告，还会收集并转卖用户隐私信息;个人信息安全和隐私保护话题引发关注，正说明其涉及群众切身利益，问题不容小视，</p>
</div>
</body>
</html>第三部分：块级元素、行内元素
块级元素: 使用标签时独占一行
行内元素: 使用标签时不独占一行
使用规则：
块级元素中可以包含：行内元素、块级元素
行内元素中只可以包含：行内元素特殊规则：
1、h1~h6 不能互相嵌套
2、p 标签中不能包含块级元素
常用排版标签
html
<!-- 常用块级元素（未完善完全） -->
<!-- 一级标题到六级标题标签（块级元素） -->
<H1></H1>
<H2></H2>
<H3></H3>
<H4></H4>
<H5></H5>
<H6></H6>
<p></p><!-- 段落元素 -->
<div></div><!-- 内容划分元素(俗称"容器") -->
<!-- 常用行内元素（未完善完全） -->
<input><!-- 输入框 -->
<em></em><!-- 增强单词、语句重要性(展示为斜体文本) -->
<strong></strong><!-- 强调单词、语句重要性(展示为粗体文本，高于 em 标签强调) -->
<span></span><!-- 行内元素的容器，主要作用和 div 类似，但是属于行内元素标签 -->