一个最简单的网页一定要有一样东西，就是下面这段代码。不管它是什么，复制这段内容到文本文件，在把你的文本文件的文件名改为html，双击就可以打开了。打开以后什么都没有是正常的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>这个里面是填写你网站的名字</title>
</head>
<body>
</body>
</html>
CSS按照要求得写在style标签内，再被head标签包裹
<head>
<style>
// 写在这个里面
</style>
</head>
HTML按照要求需要写在
<body>
// 写在这个里面
</body>
接下来我修改下HTML代码，如下是修改完成的代码，看不懂没事：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>这个里面是填写你网站的名字</title>
<style>
span {
color: brown;
font-size: 50px;
}
</style>
</head>
<body>
<span>我爱你，橘子和柠檬。</span>
</body>
</html>
你一定像我一样修改文本文件，不要直接复制它。改完以后如果是下图的效果，说明你是正确的。
Snipaste_2019-11-24_20-04-52.png
总结：
这节课一定记住上面加黑的东西
CSS样式写在哪里？ HTML样式写在哪里？*
如果你全部掌握了，恭喜你，你可以进入接下来的课程。
