W3C标准：
HTML：负责页面的结构
CSS：负责页面的样式，美化页面
JavaScript（JS）：负责页面的行为
<!DOCTYPE html>---文档声明（开头第一段必须写）
<html>---跟标签（爷爷）
<head>---头标签（儿子）
<title>网页标题</title>---帮助浏览器解析网页
<meta charset='utf-8'/>---字符集编码（重点，必须写）
常见的字符集：GBK --- 国标码
GB2312 --- 中国系统的默认编码
UTF-8 --- 万国码（全国通用）
ANSI --- 自动以系统默认编码来保存文件
<!--
乱码的根本原因：编码和解码采用的字符集不同
解决方法：在文档中乱码--->另存为--->右下角编码改为utf-8,前提要有<meta charset='utf-8'/>
-->
</head>
<body>---体标签（主标题）
<h1>一级标题</h1>----影响搜索引擎的排名
(注释)<!--
答辩面试题： 一个网页里只能有一个一级标题，如果同时出现两个或两个
以上的一级标题，那么你的网站将是一个垃圾网站
-->
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
改变字体的颜色，字体大小，字体样式：
<font color='blue' size='26' face='宋体'></font>
<p>段落标签</p>----多个空格当成一个空格来解析
字节数标签：
<br/>---换行标签
<hr/>---水平线或分割线标签
<img />---图片标签
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>转义字符/实体</title>
<meta charset='utf-8'/>
</head>
<body>
<!--
语法：& 实体的名字
< <
> >
  空格
© 版权符号
-->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>图片标签</title>
<meta charset='utf-8'/>
</head>
<body>
<img src='要显示的图片名/网址' alt='文字介绍' width(设置 宽)='数字+px' height(高)='数字+px' loading='lazy'/>
<!--
图片不显示就显示文字介绍
美观起见，宽和高，大多数只指定高度，高会等比例
-->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>XHTML的语法规范</title>
<meta charset='utf-8'/>
</head>
<body>
<!--
这是一个注释
<!--
这是注释中的注释
-->
-->(×)注释不能嵌套
<p>我是一个标签</p>(正确)
<p>我是一个标签（正确）
<br>(正确) / <br/>(正确)
<hr>(正确) / <hr/>(正确)
<p>过夜的店叫酒店<font color='red'>喝酒的店叫夜店</font></p>(正确)
<p>过夜的店叫酒店<font color='red'>喝酒的店叫夜店</p></font>(错误)----不能交叉嵌套
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>相对路径和绝对路径</title>
<meta charset='utf-8'/>
</head>
<body>
<img src='./img/图片名字' alt='文字介绍'>----相对路径
<!--
当前目录./
上一级目录../
上上级目录../../
-->
<img src='F: ./tmp/图片路径' alt='文字介绍'/>----绝对路径(根目录)
<img src='网站路径' alt='文字介绍'/>----网站图片
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>meta标签</title>
<meta charset='utf-8'/>----设置字符集编码
<meta name='keywords' content='HTML,JS,前端，Python'/>----设置网页关键字
<meta name='description' content='发布了H5，JS等前端相关的信息'/>----设置网页描述
<meta http-equiv='Refresh' content='5;url=网址'/>---做请求重定向
</head>
<body>
<h1>5秒以后跳转页面</h1>----请求重定向
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>内联框架</title>---了解，不推荐使用
<meta charset='utf-8'/>
</head>
<body>
<h1>我是Demo11</h1>
<iframe src='网页'></iframe>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>超链接</title>----(重点)
<meta charset='utf-8'/>
</head>
<body>
html锚点:<a href='#foot'>去底端</a>
<h1>我是Demo12</h1>
<a href='相对路径/网址' target='_blank'>我是一个超链接</a>
<!--
在新的页面打开超链接文档
-->
<a href=' demo11_内联框架.html' target='tom'>我是一个超链接</a>
<a href='网址'>我是一个超链接</a>
<iframe src='demo10_XHTML的语法规范.html' name='tom'></iframe>---内联框架
<p id='foot'></p><a href='#top'>返回顶端</a>
字放在居中:<center>要居中的内容</center>
</body>
</html>
