你只是认为你看到的是源代码。这句话已经回答了，其实。
现在你从钱包里拿出一张人民币，现在你就可以想办法查到这张人民币的各种信息。但是你会做人民币吗？你不能。
除非你有特殊的机器，特殊的纸墨，特殊的工艺流程。这些是源代码，但那个人民币本身不是。
查看源代码并不意味着开源。所谓查看源代码，就是在浏览器中查看页面源代码的效果。在很多情况下，这些代码是编译代码，而不是原始代码。而且也是首页用的代码。但是一个网站的前端展示和互动操作只是很小的一部分。你的一次点击可能会触发，按钮被按下后，页面向服务器发送一个包含请求的url，然后服务器开始工作，将信息返回给页面。你看不到关于服务器做什么的代码。
1.http是一种超文本传输协议。它最早的设计是我把一个文件放在服务器上，每个人都可以自己看。没有所谓的后端，所以html始终是一个文本文件。
2.其实前端已经有很多二进制技术了，从java小程序到activex再到flash。其实html+js+css成为主流的历史并不长。一开始js做了一些简单的dom操作，比如改变文字的颜色。它并不复杂，所以它是一个文本文件。
3.基本上所有的二进制方案都有安全问题，然后就逐渐不用了。以前脚本文件里有vbs，但是这个东西也被emmmm了。
4.可能是google或者某个人(肯定不是ms)率先把js+css用于web应用。大家这才发现前端还能这么做，就开始了。
你首先看到的不是源代码，而是一种标记语言。
HTML被称为超文本标记语言，是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，可以解释文字、图形、动画、声音、表格、链接等。[1]
简单来说就是让文字标记更好看，把图片和文字融合在一起，也就是排版。
然后加入一些动态元素，比如git动画，视频，音频flash动画等等。
Css是为了美化，js是脚本语言。
比如用记事本打开一个txt文件，可以看到很多字。有什么是有源代码却没有源代码的？
用浏览器打开html文件，本质上和用记事本打开txt是一样的，只是浏览器可以根据标记(标签，css)更好的渲染。
