1、HTML（Hyper Text Markup Language）：超文本 标记语言
超文本（Hyper Text）：（文字、图片、链接、音频、视频等文本/非文本元素）
标记语言（Markup Language）：是一套标记标签，HTML使用标记标签来描述网页
2、CSS（Cascading Style Sheets）层叠样式表
3、HTML注释
书写格式：<!—注释内容–> 快捷键：CTRL+?
主要用于描述代码的功能，浏览器解析的时候会忽略注释内容
4、HTML元素的组成部分
5、嵌套
一个元素的内容中可以包含其他元素，形成嵌套的层次结构
<a >
<h1> </h1>
</a>
<div>
<a >
<h2></h2>
<h3></h3>
</a>
</div>
6、HTML元素的层次结构
父子级关系|兄弟关系
7、VScode中预设代码的含义（shift+！ 可以设置预设代码）
<!DOCTYPE html> 用哪个html版本来解析 文档声明定义
<html lang="en">
<head>
<meta charset="UTF-8"> 用字符编码集UTF-8解析页面
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> 定义文档的标题
<link rel="stylesheet" href="index.css">
</head>
<body> 文档体，网页可见内容都放置在body元素内，body元素中可以包含打量的其他元素，定义文档的内容结构。
</body>
</html>
8、语义化标签：见名知意。
div：代表一个容器，在网站布局时，用于表示页面的区域
Header：用于表示页面或某个区域的头部
Nav：用于表示导航栏 Aside表示跟周围主题相关的附加信息/广告
Article用于表示文章或其他可独立页面存在的内容
Section表示一个整体的一部分主题
Footer表示页面或者某个区域的脚注
举例：
整篇小说Article
章节Section
段落p
9、HTML元素表
10、空元素 也叫 自闭合元素
<html lang="en">
<img src="" alt="">
11、绝对路径/相对路径
绝对路径：协议//域名/目录
http：//www.baidu.com/zhidao
可以省略协议和域名
/zhidao
相对路径：相对于当前资源的位置，只能用于访问站内资源（常用/推荐）
./路径：当前目录
…/表示上一级目录
./表示当前资源所在的目录，必须作为相对路径的开始，可省略
12、链接标签
<a href="目标地址">页面内容</a>
13、锚点
在当前页面实现跳转
需要跳转的地方设置一个id： a标签里面href后面跟： # + id名
14、乱序生成引文
Lorem500（乱序生成500个单词）
15、a标签的功能
16、窗口打开方式
<a href="page1.html" target="_self/_blank">返回首页</a>
Target：页面的打开方式
_Self：当前窗口打开
_Blank:新开页面
17、文本标签（元素）
批量生成文字的写法
18、a /p标签的使用注意事项
a标签不能相互嵌套
p标签不能嵌套p标签
不能嵌套划分区域的标签
不能嵌套标题H1-h6
19、文本元素
H1-h6 1-6级标题
P 段落
Blockquote 整段引用【首行缩进】
Cite 对参考文献的引用【斜体】
q 小段文本的引用【默认添加引号】
Abbr 对缩写词的提示
Strong 重要的文本【加粗】
B 突出显示的文本【加粗】阅读浏览器会加重读音，不推荐使用
Em 强调的文本【斜体】
I 区别 强调 对待的文本【斜体】阅读浏览器会加重读音，不推荐使用
X< Sub >2< Sub >下标
X< Sup >2< Sup>上标
20、无语义元素
无语义元素
Div 块盒
Span 行盒
Br 换行，不推荐使用
Pre 照搬（复制HTML代码格式到页面中展示）
Hr 一条下划线
21、实体字符
 ； 空格
>； 大于号>
<； 小于号 <
©； 版权符号©
&； 连接符&
« 双重向左箭头（«；）
» 双重向右箭头（»；）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
