前端了解：
1. C/S：客户端 / 服务器
B/S：浏览器 / 服务器
2. W3C（万维网联盟）：结构：HTML —— 用于描述页面结构
表现：CSS —— 用于控制页面中元素的样式
行为：JavaScript —— 用于响应用户操作
3. 进制（二进制 八进制 十进制 十六进制）
十六进制用于颜色
4. 乱码产生的根本原因？
编码和解码采用的字符集不同
编码：依据一定的规则，将字符转换为二进制编码的过程
编码：依据一定的规则，将二进制编码转换为字符的过程
解决方法：
在文档中乱码 ——> 另存为 ——> 右下角编码改为UTF-8，前提有<meat charset='UTF-8'/>
HTML:
HTML（Hypertext Markup Language）：称超文本标记语言
HTML使用标签的形式来标识网页中的不同组成部分
所谓超文本是指超链接，使用超链接可以让我们从一个页面跳转到另一个页面
基本结构：
<!DOCTYPE html> <!--文档声明--> —— （html5标准）
<html><!——跟标签（爷爷）——>
<head><!——[头标签]（儿子）——>
<title>网页标题Charry酷</title><!——（孙子）——>
<meat charset="uft-8"/> ——> 防止报错
</head>
<body><!——[体标签]——> ——> 所有用户可见的内容放置于此
<hl>这是我的<font color="blue" size="27" face="楷体">第一个</font>网页666</hl>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>
</html>
<hr/>
前端三大块：
（www.w3school.com.cn）
（结构）HTML：
负责页面结构
（表现）CSS：
负责页面样式、美化页面
（行为）Java Script(JS)：
负责页面行为
常见字符集：
ASCII ——— 美国（7位，128个字符）
ISO-8859-1 ——— 欧洲（8位，256个字符）
GBK ——— （中国的）
GB2312 ——— 中国系统的默认编码
UTF-8 ——— 万国码（全国通用）
ANSI ——— 自动以系统的默认编码来保存文件
注意：
1. 如果同时出现二个及两个以上的一级标题，那么你的网站将是一个垃圾网站！！！
2. <html></html>：一个页面有且只有一个根标签，网页所有内容写在这里
3. <head></head>：不回在网页里直接显示，会告诉浏览器如何解析此页面
4. <title></title>：默认显示在网页的标题栏，搜索引擎先检索的部分
5. <body></body>：设置网页的主题内容，所有可见的内容
6. 字符与字符之间，多个空格当成一个去解析
标签：
要求：成对的 <xx> </xx>
注释标签：<!--要被注释的内容--> —— 不可嵌套 —— 正确格式eg：<!--
这是一个注释
<!--
这是注释中的注释
-->
变色标签：<font></font> —— 属性可以添加到开始标签 —— <font color='red' size='27' face='楷体'></font> —— 不赞成在HTML里使用，应在CSS里使用
段落标签 ：<p></p> —— 不能交叉嵌套使用 —— eg：<p>过夜的店叫酒店<font color='red'>喝酒的店叫夜店</font></p>（正确）
<p>过夜的店叫酒店<font color='red'>喝酒的店叫夜店</p></font>（错误）
—— eg： <p>我是一个P标签</p>（正确）
<p>我是一个P标签 —— 浏览器会尽最大的努力去正确解析页面
字节数标签：
换行标签 ：<br/> —— <br/> / <br>都可以
水平线标签: <hr/> —— <hr/> / <hr>都可以
图片标签：<img/>
答辩项目：
图片格式：jpg：可压缩、颜色多、不支持透明（图片）
gif：动图、颜色少、简单透明（动图）
png：颜色多、复杂透明（颜色层次多，透明复杂的图片）
效果一致使用体积小的
—— eg：<img scr='x.gif' alt='描述图片'/> —— 如果图片显示不出来，会出现alt属性里内容，搜索引擎以此搜索
—— eg：<img scr='x.gif' alt='描述图片' width='100px' height='100px' loading='lazy'/> —— 图片懒加载（只有谷歌有）
路径：（../向上一层 ../../向上两层 ./当前目录）
相对路径：从当前这个文件向上/向下
绝对路径：从D/C盘开始
网页：复制粘贴网页路径
meta标签：<meta/>
1. 设置字符集：<meta charset='utf-8'/>
2. 设置网页关键字：<meta name='keywords' content='HTML5,JavaScript,前端,Python'/>
3. 设置网页描述：<meta name='description' content='发布H5、JS等前端相关的信息'/>
4. 设置重定向：<meta http-equiv='refresh' content='5;url=http://www.baidu.com'/>
实体/转义字符：
格式 —— & 实体的名字 ；
< ： <
> ： >
空格 ：
版权符号： ©
内联框架：（不推荐）
<iframe src='网页链接'></iframe>
超链接：
<a href="http：//www.baidu.com">我是一个超链接</a>
<br> / <br><br>
<a href="http：//www.baidu123.com">我是一个超链接</a>
如何在一个新页面打开一个新窗口进行跳转？
target = '_blank'
eg:<a href='xx1.html' target='与下面的随意名字相同'>我是一个超链接</a>
<br> / <br><br>
<iframe src='xx2.html' name='随意命名'></iframe>
顶端 <——> 底端
<a href="#foot">底端</a>
...
...
...
<p id="foot">最后一行内容</p>
<a href="#top">返回顶端</a>
<center>居中</center>
乱码产生的根本原因？
编码和解码采用的字符集不同
解决方法 ：
在文档中乱码 ——> 另存为 ——> 右下角编码改为UTF-8，前提有<meat charset='UTF-8'/>
