Mac下TextEdit写的HTML，浏览器显示为代码如何解决

 最近在自学前端，作为连菜鸟都算不上的新手一枚，总是能碰到很多自己觉得“莫名其妙”的问题。明明每一步都是按照教程来的啊，明明代码是照抄的啊，这都能出错？还真的能出错。

 根据Mozilla的入门介绍，我用mac自带的TextEdit，照着抄了几行代码，然后保存为html，这时候文件的图标已经默认为chrome打开了，我兴冲冲地双击打开，以为这会是我走向人生巅峰的开始。但是，并没有啊，打开还是代码，原来的配方啊，说好的标题、内容、图片呢？于是，开始了一系列问啊问，搜啊搜，找了好多个版本的解决方案都没能解决我的问题，后来我将尝试过的方法综合，然后将文件格式改了无数次，最后打开干脆是空白。。。然而最终问题是解决了，这就是好的。方法如下：

1、点击“文本编辑”新建文稿

2、点击左上角“文本编辑——偏好设置”，“新建文稿”中，格式选择“纯文本”；然后“打开和存储”中，前三个勾选框，只勾选“将HTML文件显示为HTML代码而不显示为格式化的文本”，下方“编码”选择 Unicode（utf-16）

3、敲入你的代码

4、保存，格式存储为html，完成

 不建议将已保存为txt格式的文件直接更改扩展名为html，我之前这样做的后果就是，虽然浏览器显示正确了，但是用TextEdit打开后，页面确实空白，也就是说没办法修改甚至是查看代码。当然这些可能都跟系统偏好设置有关。好了，就说到这里吧，我要去学习了。