一、目标
1.掌握 HTML5 基本语法规则（双标签 / 单标签、标签嵌套、属性书写）；
2.能手写完整的 HTML5 页面基本结构；
3.掌握 UTF-8 编码设置，避免页面乱码。
二、HTML5 基本语法规则
1.标签
所有内容需用尖括号包裹，分为：
双标签：<标签> 内容 </ 标签 >，有开始有结束
单标签：< 标签 />，无内容，自闭合
2.嵌套
标签可嵌套，但不能交叉嵌套如下：
正确：<div><p>内容</p></div>
错误：<div><p>内容</div></p>）
3.属性
标签可添加属性，格式为 <标签 属性 ="值">，属性值必须加引号（双引号为主）
三、HTML5 页面基本结构
必背，网页骨架核心
<!– 1. 声明文档类型为HTML5，必须写在页面第一行 –>
<!DOCTYPE html>
<!– 2. 网页根标签，所有代码包裹其中；lang="zh-CN" 指定页面语言为中文 –>
<html lang="zh-CN">
<!– 3. 头部标签：存放页面元信息（不显示在浏览器可视区域） –>
<head>
<!– 4. 设置字符编码为UTF-8：必须写，避免中文/特殊字符乱码 –>
<meta charset="UTF-8">
<!– 5. 页面标题：显示在浏览器标签栏，是页面核心标识 –>
<title>我的第一个HTML5页面</title>
</head>
<!– 6. 主体标签：页面所有可见内容（文字、图片、链接等）都写在这里 –>
<body>
<h1>你好，HTML5！</h1>
<p>这是页面可见的主体内容~</p>
</body>
</html>
核心强调：所有HTML代码必须放在<html>内，可见内容必须放在<body>内，UTF-8编码必须在<head>内设置
四、实操作说明
上一次笔记说到网站（Website）：是在互联网上，由多个网页组成、有统一域名、能被大家通过浏览器访问的信息集合地。信息集合地其实就是一个站点文件夹，里面存放了本站所有的资源。故开始之间需要在自己电脑上新建一个站点（文件夹）。以在F盘为例建一个web_study为例。
第一步：准备站点文件夹
第二步：打开软件—->>>引入站点文件夹
方法：【文件】菜单—>>【打开文件夹】选项，选择上面建好的web_study文件夹，当确认选择打开时会弹出如下提示。勾选信任并单击是，我信息此作者即可
第三步：新建一个网页文件，并取名
特别注意：.html是网页的扩展名，必须为这个
回车确认以后就可以在代码编辑区写网页了。如下图
根据上面的笔记完成第一个网页的开发吧。
保存（Ctrl + S）以后我的第一个网页就写了。如上图所示，用谷歌浏览器打开可看到哪下效果
上图所示：从上到下第一个框为网页的主题(title标签内的内容)，第二个框为网页文件存放的位置，第三个框为网页的主体内容(body标签内的)
