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

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

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

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

但是个人认为&＃xff0c;这样说忽略了初学者的感受

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

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

接下来我谈一谈自己对这个问题的拙见&＃xff1a;

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

例如txt文件就是用记事本写的&＃xff0c;doc文件就是用word或wps写的

大家回忆一下

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

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

那现在我们如果要创建一个html文件&＃xff0c;我们要借助什么呢&＃xff1f;

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

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

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

听起来似乎很荒唐&＃xff0c;所以windows也会警告我们

"如果你更改扩展名&＃xff0c;可能导致文件不可用"

————"可能&＃xff1f;"&＃xff0c;到底可能性有多大呢&＃xff1f;

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

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

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

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

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

大家可以试一试&＃xff0c;试完了之后可以看下面的结果是否相符&＃xff1a;

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

好像word在说&＃xff1a;我可以理解由txt文件转换的doc文件

但是第二种情况&＃xff0c;直接出现了一个弹框

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

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

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

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

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

说了半天&＃xff0c;就是为了得到一个网页html文件

但是为了得到它&＃xff0c;经历的过程也太曲折了

而且&＃xff0c;我们发现

txt文件用记事本创建&＃xff0c;doc文件用word来创建

但是现在可以说html文件也用记事本创建了&＃xff0c;不感觉有点奇怪么&＃xff1f;

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

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

也就是我们写代码的地方

当然&＃xff0c;doc文件可以由word创建&＃xff0c;也可以由wps创建

我们的html文件可以由以下几款应用程序创建&＃xff1a;

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

具体选择哪一个&＃xff0c;根据个人喜好来

关于它们的区别&＃xff0c;百度一下&＃xff0c;你就知道了