题图：乌海铁路

前端网页三剑客

我们打开浏览器输入一个网址yukeb.com，然后就看到了浏览器给我们显示的页面，这个时候打开浏览器开发者工具，点击Network，刷新页面，会看到下方的请求的url，点击Response，就可以看到服务器返回给浏览器的html文件信息了。如果复制Response响应的内容，保存为index.html并且在浏览器打开，依然可以看到首页的内容，但是似乎缺少了一些页面的样式和功能。

这是因为当浏览器接收到首页的HTML源码后，它会根据HTML的规则去显示页面，然后再根据HTML里的链接，自动发送HTTP请求给服务器，拿到相应的图片，和JavaScript、CSS等资源，最终显示出一个完整的页面。所以我们会在Network下面能看到很多额外的以.js，.css等后缀的请求了。

其实我们看到的页面就是浏览器按照HTML的规则，展示给我们的。HTML告诉浏览器那里是导航，那里是主栏，那里是侧栏。而这些信息如何显示，或者是显示的样式，就是CSS文件的功劳。至于比如导航的下拉隐藏上拉显示就是JavaScript的作用。

如果想要做Web开发，就一定得熟悉HTML、CSS、JavaScript三剑客的知识，也是软件测试员必须掌握的技能。这里推荐 W3school 的前端教程，也可以看我现在放出的黑马教程。程序爬虫抓取的黑马培训机构中心的课件。

黑马 Web 前端视频教程第一课：

密码：x6k7

其它后续课程，老规矩转发本篇文章，截图分享到公众号获取。