导言：HTML（Hyper Text Markup Language）是用来描述网页的一种语言，也叫超文本标记语言 。
1、查看网页源代码
在网页的空白处点击右键，然后选择“检查”
2、标签
PS:
①标签通常是成对出现的：前面的是【开始标签】，后面的是【结束标签】
②不过，也有标签单独出现
③开始标签+中间的内容+结束标签，一起组成了【元素】
④HTML标签可以嵌套，而且可以多层嵌套
3、网页头和网页体
<html>
<head>
<meta charset="utf-8">
<title>这个书苑不太冷1.0</title>
</head>
<body>
<h1>这个书苑不太冷</h1>
<h3>吴枫推荐的书:</h3>
<h2>《奇点遗民》</h2>
<p>本书精选收录了刘宇昆的科幻佳作共22篇。《奇点遗民》融入了科幻艺术吸引人的几大元素：数字化生命、影像化记忆、人工智能、外星访客……刘宇昆的独特之处在于，他写的不是科幻探险或英雄奇幻，而是数据时代里每个人的生活和情感变化。透过这本书，我们看到的不仅是未来还有当下。
</p>
</body>
</html>
4、属性
- style属性可以用来定义网页文本的样式，比如字体大小、颜色、间距、对齐方式等等。
PS：属性通常都是在HTML元素的开始标签中设置的。 - href属性用于规定指向页面的网址
- class属性
- id属性（id属性和class属性的用法类似，给元素定义id和class的目的都是为了查找、定位元素，或者为元素设置样式。但id属性用于标识唯一的元素，而class用于标识一系列的元素。id如每个人，class如班级，id可同属于一个班级）
<html>
<head>
<meta charset="utf-8">
<title>这个书苑不太冷3.0</title>
<style>
.book {
float: left;
margin: 5px;
padding: 15px;
width: 350px;
height: 240px;
border: 3px solid #20b2aa;
}
</style>
</head>
<body>
<h1 style="color:#20b2aa;">这个书苑不太冷</h1>
<h3>吴枫喜欢的书:</h3>
<a href="https://spidermen.cn">点这里看看</a>
<div class="book">
<h2>《奇点遗民》</h2>
<p>本书精选收录了刘宇昆的科幻佳作共22篇。《奇点遗民》融入了科幻艺术吸引人的几大元素：数字化生命、影像化记忆、人工智能、外星访客……刘宇昆的独特之处在于，他写的不是科幻探险或英雄奇幻，而是数据时代里每个人的生活和情感变化。透过这本书，我们看到的不仅是未来还有当下。
</p>
</div>
</body>
</html>
PS：.对应class，所以.book代表class book。因此，网页头中的.book和网页体中的class="book"是有联系的。
5、修改网页源代码
定位后双击源代码进行修改，按enter确认
