Web前端从入门到精通-2 关于html和开发工具

上节课呢，我们说到了html源文件在浏览器中打开就是一个网页了，那么html源文件是怎么来的呢？

很多教程为了让大家很快入门，就直接告诉大家说先创建一个记事本文件，然后把它的扩展名改成html，双击就会发现在浏览器中打开了

之后就对记事本里面怎么写html开始大讲特讲

但是个人认为，这样说忽略了初学者的感受

第一次接触html的朋友如果看到上面这样的讲解的话很容易会提出疑问

你为什么新建了一个txt改成了html就可以了？我新建一个别的文件比如word文件(扩展名为doc)改成html可不可以呢？如果不可以那又是为什么呢？

接下来我谈一谈自己对这个问题的拙见：

我们平时用的windows系统，都是通过扩展名来区分文件类型的

例如txt文件就是用记事本写的，doc文件就是用word或wps写的

大家回忆一下

我们如果要创建一个txt文件，是不是要借助于记事本这款应用程序软件呢？

我们如果要创建一篇doc文档，是不是要借助于word或wps这些应用程序软件呢？

那现在我们如果要创建一个html文件，我们要借助什么呢？

暂时好像还没有什么东西能为我们创建html文件的，这时我们把希望寄托在了记事本上

但是我们的记事本是专门创建txt文件的(保存的时候即使选择保存类型也只有txt这一项)，怎么办呢？

这时我们灵机一动，我就不让你这文件的扩展名是txt了，我非得让你是html，为了达到目的，我将你的扩展名强制改成.html，这不就可以了么

听起来似乎很荒唐，所以windows也会警告我们

"如果你更改扩展名，可能导致文件不可用"

————"可能？"，到底可能性有多大呢？

怀着忐忑的心情，双击这个html文件，浏览器打开文件之后并没有什么异常现象

我们庆幸进入了小概率事件，成功的变成一个html格式的文件了

好像浏览器在说：我可以理解由txt转换的html文件

不知道大家是否尝试过将txt文件的扩展名改成doc再用word软件打开

或将doc文件的扩展名改成txt用记事本打开是什么情况

大家可以试一试，试完了之后可以看下面的结果是否相符：

第一种情况的话txt文件里面的内容原原本本显示到了word中

好像word在说：我可以理解由txt文件转换的doc文件

但是第二种情况，直接出现了一个弹框



好像记事本在说：我理解不了由doc文档转换成的txt文件

通过以上几个例子，我们可以初步判断，有些文件改变扩展名再打开，是没事的

但是并不是所有的应用程序都这么好说话，比如我们的第三种情况

而浏览器恰巧认识我们在txt记事本文件中写的html代码

所以我们可以将记事本txt文件的扩展名改成html，这样得到html文件

说了半天，就是为了得到一个网页html文件

但是为了得到它，经历的过程也太曲折了

而且，我们发现

txt文件用记事本创建，doc文件用word来创建

但是现在可以说html文件也用记事本创建了，不感觉有点奇怪么？

其实html文件根本不是记事本的原配

html文件需要对应的应用程序来创建，这个应用程序就是我们的开发工具

也就是我们写代码的地方

当然，doc文件可以由word创建，也可以由wps创建

我们的html文件可以由以下几款应用程序创建：

Dreamweaver Sublime Text WebStorm HBuilder Visual Studio Eclipse...等等

具体选择哪一个，根据个人喜好来

关于它们的区别，百度一下，你就知道了