HTML简介
HTML是超文本标记语言（HyperText Markup Languge）；
不是编程语言，是标记语言；
标记语言是由一套标记标签（markup tag）组成；
用来描述网页；
HTML文档包含了HTML标签和文本内容；
也称为web页面。
HTML文档（网页）
创建 .html(或者.htm)文件。
生成基本结构代码 : ! (英文)+ enter键。
HTML文档的基本结构
<!DOCTYPE html>
<!-- 文档类型声明：告诉浏览器使用html的哪一套标准去渲染网页，html 表示的是html5标准 -->
<html lang="en">
<!-- 根元素：代表了网页的开始和结束.lang="zh-CN":该属性用来指定网页语言为中文 -->
<head>
<!--
head标签是网页的头元素，用于定义文档头部，它是所有头部元素的容器.
<head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
-->
<meta>
<!--
meta标签描述了一些基本的元数据.
标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析.
<meta>元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据.
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务.
-->
<meta charset="UTF-8">
<!--
设置网页的编码方式（字符集），避免出现乱码.
字符集：
utf-8: 国际编码（万国码），兼容多种语言（中英文、韩语、日语...）.
gb2312: 国标（简体中文）.
gbk:国标扩 （简体、繁体中文）.
-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--
http-equiv 属性用于提供HTTP协议的响应头报文（小文档头），它以名称/值形式进行设置.
http-equiv 属性的值所描述的内容通过content属性表示，通常是在网页加载前提供经浏览器等设备使用.
重要的属性值有 content-type(提供编码信息)，refresh(刷新与跳转页面)、no-cache(页面缓存)以及expires(网页缓存过期时间).
-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--
name属性用于描述设置内容的名称，其值所描述的内容通过content属性表示，便于搜索引擎查找、分类.
最重要的属性值有dscription,keywords和robots.
-->
<base href="url" target="_blank">
<!--
base标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接.
-->
<link rel="stylesheet" type="text/css" href="theme.css">
<!--
link标签定义了一个文档和外部资源之间的关系，标签通常用于链接到样式表.
href:设置或返回被链接资源的URL.
hreflang:设置或返回目标URL的基准语言.
media:设置或返回文档显示的设备类型.
rel:设置或返回当前文档与目标URL之间的关系.
type:设置或返回目标URL的MIME类型.
charset:设置或返回目标URL的字符编码.
rev:设置或返回目标URL与当前文档之间的关系.
-->
<style type="text/css" scoped></style>
<!--
style标签定义了HTML文档的样式文件引用地址，<style>元素中你也可以直接添加样式来渲染HTML文档.
media:media_query.为样式表规定不同的媒体类型.
scoped:scoped.私有化属性.如果使用该属性，则样式仅仅应用到style元素的父元素及其子元素.
type:text/css.规定样式表的MIME类型.
-->
<script type="text/javaScript" src="url"></script>
<!--
script标签标签用于加载脚本文件，如:JavaScript.
asyncNew:async.规定异步执行脚本（仅适用于外部脚本）.
charset:charset.规定在脚本中使用的字符编码（仅适用于外部脚本）.
defer:defer.规定当页面已完成解析后，执行脚本（仅适用于外部脚本）.
src:URL.规定外部脚本的URL.
type:MIME-type.规定脚本的MIME类型.
-->
<title>网页标题</title> <!-- 设置网页的标题：显示在浏览器选项卡及收藏夹的书签页上 -->
</head>
<body>
<!-- 网页的主体，所有显示在浏览器可视窗口里面的内容都放在这里 -->
</body>
</html>