为了学习交互式编程这门课，需要一些基础的HTML的知识。但是为了节约时间，不可能学习得太深入，只需要学习HTML的一个适宜的子集即可。下面是从老师的ppt和B站上的基础课总结来的，供我做项目和期末时查看。
目录
三.一个具体的HTML document的例子和对应的website page。
一.HTML简介
简介是为了理解HTML的本质和特点，以便于我记忆HTML的语法和具体使用HTML。下面以罗列的形式说明HTML：
1.HTML是一门标记性语言（markup language），而不是一门编程语言（language）。它的作用是提供网页的基本结构和内容，而不是描述网页的行为。
2.HTML是Hypertext Markup Language。如上所述，只提供网页的基本内容和结构。而对网页的内容的精细化处理需要CSS，网页的行为描述需要JS。
二.HTML语法特点
学习HTML5语法特点的目的是为了方便记忆语法。我们已经知道HTML是为了提供网页的content和structure。所以HTML5的语法肯定是围绕着这个目的来的。
HTML document相当于是website的源代码的最初版（不过HTML5不是编程语言，这只是一个类比。由于后续还需要CSS和JS，所以说是最初版），其具有的结构称之为HTML DOM(Document Object Model)，反映了网页具有的内容和结构。
我们编写网页的第一步，就是要编写HTML document。而涉及网页的第一步就是要设计HTML DOM。HTML document就是根据HTML DOM编写的。
下面是一个HTML document的示例：
?html表示网页这个元素，其下有head和body这两个元素，这是网页最基本的结构。而head和body中又有各自内嵌的元素。
直观上，元素对应着网页中的各个部分或称对象。比如，html元素对应着整个网页，head元素对应着网页的头部分，该部分不会被浏览器渲染；而body元素对应网页的具体内容部分，会被渲染。title元素表示标题，h1-h6元素代表一级到六级标题，p元素代表了段落。
语法上，元素由begin tag，content和end tag以此组成。
<p>Welcome</p>
<p>和</p>称之为tag，前者为begin tag，后者称之为end tag。
一个元素必需由begin tag（在前）和end tag（在后）包裹content（可以为空）而成。
元素的content可以为空，为文本，为图片或者是其他元素。tag的作用是说明这是个什么元素，并且告诉浏览器应该如何组织这个网页的结构。一般由begin tag和end tag组成。不过有些时候只有begin tag（比如img图形元素）。不区分大小写。
content可以为空，文本或者其他元素。
HTML attribute和begin tag一起写在"<>"中，用来说明元素的属性。比如说明文本的字体等等。其形式为name = “value”。注意有双引号。
注释：<!--注释-->。
三.一个具体的HTML document的例子和对应的website page。
四.HTML中的基本element介绍
HTML5中有几个基本的元素。一个网页必需含有这些基本的元素。这些基本的元素是：html，head，body和title。
4.1 html
标志着html document的开始和结束，所有其他的tag必需放在<html>和</html>中。
4.2 head
放了文档的一些信息，这些信息不会被渲染到网页里去，比如tilte(网页标题)，base(网页中所有连接的默认地址)等等。这些信息都是网页整体的信息，而不是具体的、需要展示给读者的信息。
?上面的这些标签都是只能放入head tag内，展示网站基本信息的tag。
meta tag的详解见HTML meta 标签_ANKG的博客-CSDN博客_html meta
<!DOCTYPE html>
<!--上面这行说明文本的类型为html document-->
<html>
<head>
<!--网页的标题为Essential Elements of HTML5-->
<title>Essential Elements of HTML5</title>
<!--为body中的一些元素设定统一的风格/样式-->
<style>
body {background-color: powderblue;}<!--把body的背景色属性设置为powdeblue-->
h1 {color: red;}<!--把h1的color属性设置为red-->
p {color: blue;}<!--把p的color属性设置为blue-->
</style>
<!--link tag用于连接external style sheet,和css相关,暂略-->
<!--meta tag中设置对于html doc而言比较重要的数据(元数据),比如字符集,放大倍数等等-->
<meta charset="UTF-8"><!--设置网页的字符集为UTF-8-->
<!--这个name后面跟的是网页的一个属性,相当于将content中的内容赋给了name中的属性-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--设置网页观看方式-->
<meta name="author" content="Bamboo"> <!--设置网页作者-->
<!--script标签和js有关,暂略-->
</head>
<body>
<h1>This is the header of Level 1!</h1>
<p>This is a paragraph!</p>
</body>
</html>
4.3 body
中间放置网页的所有具体内容。