前端学习（HTML）日记 day.2（2023.1.14）-CSDN博客

标签名	定义	说明
<html></html>	HTML标签	页面中最大的标签，我们称为根标签
<head></head>	文档的头部	注意在head标签中我们必须设置的标签是title
<title></title>	文档的标题	让页面拥有一个属于自己的网页标题
<body></body>	文档的主体	元素包含文档的所有内容，页面内容基本都是放在body里面的

在这里我们其实就可以写出我们人生第一段html代码

<html>
     <head>
          <title>第一个页面</title>
     </head>
     <body>
     学好数理化，走遍天下都不怕
     </body>
</html>

这就是我们所写的人生中第一段html代码

HTML文档的后缀名必须是.html或.htm，浏览器的作用是读取HTML文档，并以网页的形式显示出它们。

此时，用浏览器打开这个网页，我们就可以预览我们写的第一个HTML文件了。

1.双击打开软件。

2.创建文件（Ctrl+N）。

3.保存（Ctrl+S），注意移动要保存为.html文件

4.Ctrl+加号键，Ctrl＋减号键，可以放大缩小视图

5.生成页面骨架结构。

输入!(英文)按下Tab键。

6.利用（open in broswer）插件在浏览器中预览界面：单击鼠标右键，在弹出窗口中点击”Open In Broswer“。

1.<!DOCTYPE>标签

2.lang语言

3.charset字符集

<!DOCTYPE>文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页。

<!DOCTYPE html>

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

注意：

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

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

用来定义当前文档显示的语言。

1.en定义为英语

2.zh-CN定义为中文

简单来说，定义为en就是英文网页，定义为zh-CN就是中文网页

其实对于文档显示来说，定义成en也可以显示中文，定义成zh-CN也可以显示英文

这个属性对浏览器和搜索引擎(百度.谷歌等)还是有作用的

字符集（Character set）是多个字符的集合。以便计算机能够识别和储存文字。

在<head>标签内，可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。

<meta charset="UTF-8"/>

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

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

1. 以上三个代码 vscode 自动生成,基本不需要我们重写.

2. <!DOCTYPE html>文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面.

3.<html lang="en">告诉浏览器或者搜索引擎这是一个英文网站. 本页面采取英文来显示.

4. <meta charset="UTF-8"/>必须写. 采取 UTF-8来保存文字. 如果不写就会乱码.具体原理后面分析.