新建-空白页面
html 2种标签
1; 有盖子的<标签名/> 例如: <meta/>
2. <标签名> </标签名>
文档头:告诉浏览器我要写文档了
<!doctype html> 特殊标签 单独记忆 <html> 头 <head> 显示在浏览器内容 不显示在页面里</head> <meta charset="UTF-8"/> 页面所有内容都是中文显示 <body> 网页内容</body> </html>
head下面的title内容是显示浏览器的内容。



<! DOCTYPE html>
<!DOCTYPE(告知瀏覽器這是甚麼) 後方帶入html之類的>
有頭就有尾基本要有以下三大標籤
<html></html>甚麼編碼
<head></head>網頁的頭
<body></body>網頁的身體
三大標籤順序為
<html>
<head> </head>
<body></body>
</html>
3. <meta>裡面charset(網頁編碼解析器)="UTF-8(中文)"
4.<title>網頁標題</title>
<title> 标签定义文档的标题。标题必须是纯文本的,显示在浏览器的标题栏或页面的选项卡中。
<title> 标签在 HTML 文档中是必需的!
页面标题的内容对于搜索引擎优化 (SEO) 非常重要!搜索引擎算法使用页面标题来决定在搜索结果中列出页面时的顺序。
<title> 元素:
定义浏览器工具栏中的标题
添加到收藏夹时为页面提供标题
在搜索引擎结果中显示页面的标题
以下是创建好的标题的一些建议:
选择较长且具有描述性的标题(避免使用仅包含一个或两个单词的标题)
搜索引擎将显示大约 50-60 个字符的标题,因此请尽量避免标题过长
不要仅将标题设为一组单词的列表(这可能会降低页面在搜索结果中的排名)
因此,尽量使标题准确且有意义!
注意:一个 HTML 文档中不能包含多个 <title> 元素。
<meta> 标签定义关于 HTML 文档的元数据。元数据是关于数据的数据(信息)。
<meta> 标签始终位于 <head> 元素 内,通常用于指定字符集、页面描述、关键词、文档作者和视口设置:
元数据不会显示在页面上,但可以被机器解析。
浏览器(如何显示内容或重新加载页面)、搜索引擎(关键词)和其他网络服务会用到元数据。
提示:meta 元素有多种不同用法,而且一个 HTML 文档中可以多个 meta 元素。
提示:通过 <meta> 标签,有一种方法让网页设计师控制视口(即用户在网页中可见的区域)(请参见下面的"设置视口"实例)。
注意:每个 meta 元素只能用于一种用途。如果想要使用的特性不止一个,那就应该在 head 元素中添加多个 meta 元素。