0005

好诶，我们可以看懂 HTML 和 CSS 了，那怎么用它们呢？

弄个文本文档，在里面写，然后把文件名改成 index.html，这就是 HTML 文档，不过这样挺麻烦的，还有一些细节需要注意，可是我讲多了你们又不爱看。

那就弄个好用的工具吧，比如安装 VS Code（ https://code.visualstudio.com/ ），下载，安装，一路下一步就行。

想办法在里面新建一个文档，什么，软件是英文的？！先不管它，这不重要，能打字就行，Ctrl+N 应该可以在里面创建一个新的文档。

然后我们看编辑器的右下角，底部有一行小字，你找“纯文本”或者“Plain Text”，点击，然后编辑器上面就弹出一大溜东西可供选择，直接在上面输入 HTML 进行筛选，这样就剩下一项了，选它！

这是干啥嘞？是告诉编辑器，我要写的这个文件是 HTML，你好好给我打辅助哦。

然后那位就说啦，刚才新建了文件之后，第一行就显示这“选择编程语言”，我点这里行不行？行啊，我这不是额外告诉你一个更通用的方法嘛（掩饰

如果你两个都没找到，那保存文件，保存文件会不会？Ctrl+S 这样，就能打开保存对话框了，存在一个你能找得到的地方，文件名就叫 index.html。编辑器一看，嘿，我知道了，这是个 HTML 文档，就照这么去打辅助了！（保存好之后看右下角，会自己变化的哦。

语言设置好了，我们开始写了哦，先沐浴更衣，说三遍老鼠最帅，然后输入一个英文感叹号（表示对我最帅这件事情的充分肯定）。

如果你上面做的都没错，那么现在应该会在感叹号后面出现两条提示，其中第一条的最前面就是一个感叹号，我们就用这个，而且默认选择的也是第一个，这时候按一下 Tab 或者 Enter 确认选用。

你就会惊讶的看见编辑器自己写了一大堆，这是一个基础的 HTML5 页面的模板，嘿，HTML5 哦。

两个按键，写一大堆，虽然我们还不懂，但是这个表演给外行看就……很唬人的！

然后把你学到的那些段落啊，标题啊，写在 body 这对儿标签之间，因为这里面才是网页的主体部分哦~

快去试试吧！最好找地方炫耀一下（满足

你不点个赞，我怎么知道有人看呢？

或者，请我喝杯咖啡，让老鼠更努力的用爱发电 老鼠爱发电