1—3 网页及其开发工具、html相关内容、Web标准的构成

1.网页和网页开发工具

1.1网页的概念

网站是指在因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合。

网页是网站中的一“页”， 通常是HTML格式的文件,它要通过浏览器来阅读。
网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件,因此将其俗称为HTML文件。

1.2网页开发工具
（1）VSCode的使用
1.双击打开软件。
2.新建文件(CtrI+N )。
3.保存(Ctrl + S )，注意移动要保存为.html文件
4. Ctrl +加号键, Ctrl +减号键可以放大缩小视图
5.生成页面骨架结构：输入!按下Tab键。
6.利用插件在浏览器中预览页面:单击鼠标右键,在弹出窗口中点本"Open In Default Browser"。

（2）VSCode工具生成骨架标签新增代码
1.< !DOCTYPE> 标签
2. lang语言
3. charset 字符集

（3）文档类型声明标签
< !DOCTYPE>文档类型声明，作用就是告诉刘览器使用哪种HML版本来显示网页。

< !DOCTYPE html>

这句代码的意思是:当前页面采取的是HTML5版本来显示网页
注意:

1. < !DOCTYPE>声明位于文档中的最前面的位置,处于< html>标签之前。

2. < !DOCTYPE>不是一个HTML标签,它就是文档类型声明标签。

（4）lang语言种类
用来定义当前文档显示的语言。

1. en定义语言为英语
2. zh-CN定 义语言为中文

简单来说定义为en就是英文网页，定义为zh-CN就是中文网页
其实对于文档显示来说，定义成en的文档也可以显示中文,定义成zh-CN的文档也可以显示英文
这个属性对浏览器和搜索引擎(百度谷歌等)还是有作用的

（5）字符集
字符集(Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。
在< head>标签内，可以通过< meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。

< meta charset="UTF-8" />

charset常用的值有: GB2312、BIG5、 GBK 和 UTF-8，其中 UTF-8 也被称为万国码,基本包含了全世界所有国家需要用到的字符.

注意:上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下 ，统使用“UTF-8" 编码，尽量统一写成标准的"UTF-8" ，不要写成"utf8" 或"UTF8"。

(6)总结

1.以上三个代码 vscode自动生成，基本不需要我们重写
2. < !DOCTYPE html>文档类型声明标签 ,告诉浏览器这个页面采取html 5版本来显示页面.
3. < html lang= "en”>告诉浏览器或者搜索引擎这是一 个英文网站本页面采取英文来显示
4. < meta charset=“UTF-8” />必须写,采取UTE-8来保存文字,如果不写就会乱码.

2.html相关内容

2.1.html语法规范（基本语法概述）

1. HTML 标签是由尖括号包围的关键词,例如< html>。
2. HTML 标签通常是成对出现的,例如< html>和</ html> , 我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。
3. 有些特殊的标签必须是单个标签(极少情况) ,例如< br/> ,我们称为单标签

2.2标签关系
双标签关系可以分为两类:包含关系和并列关系。

2.3第一个HTML网页
每个网页都会有一个基本的结构标签(也称为骨架标签) , 页面内容也是在这些基本标签上书写。HTML页面也称为HTML文档.
HTML的基本结构标签：

例如：

显示：

3. Web标准的构成（重点）

主要包括结构( Structure)、表现( Presentation )和行为( Behavior )三个方面。

Web标准提出的最佳体验方案：结构、样式、行为相分离。
简单理解：结构写到HTML文件中，表现写到CSS文件中，行为写到JavaScript文件中。