一、B/S架构图
二、从浏览器的四大功能出发看浏览器构造
1.浏览器下载HTML文件。是通过浏览器的网络组件来完成的。
2.浏览器解释并显示HTML文件；这个功能是通过浏览器的渲染引擎来完成的，当网络下载到HTML文件后，把他解析为DOM树，然后在进行渲染，过程很复杂。可以看这个链接：前端必读：浏览器内部工作原理 。这是主要功能， 我们在使用的时候还会发现像一些 PDF， Word 等等一些文件形式， 浏览器也能显示出来。
3.向服务器发送请求。这也是网络组件的功劳。
4.浏览器和服务器之间的通讯是基于HTTP协议，它的底层是TCP/IP协议。
注意：从浏览器的构造和工作原理，我们可以看到，它只能解析HTML文件，CSS文件以及JS文件，像什么servlet，jsp他不可能看得懂，所以从浏览器返回来的都是HTML文件类型格式的。
三、从服务器的构造看它的四大功能
服务器有物理服务器，还有像Tomcat这类型web应用服务器。我认为，像APACHE服务器或者tomcat都属于服务web应用的软件，而物理服务器实际就和我们的普通计算机构造大同小异，必须在它上面配置好APACHE服务器或者tomcat它才能处理html页面、动态网站等等。仔细想一想，其实我们自己的计算机就可以看做一台超级小的服务器。你要是不安装tomcat，肯定不能处理web请求。APACHE服务器是一种悠久的服务器，它在处理静态页面的时候很划算，但它不能处理servlet等动态资源，tomcat服务器可以，不管它们的构造如何。总的来说，服务器就应该具备两个功能，web服务器和web容器。
1.web服务器，它用来接收用户申请的服务，是服务器的前台，所有的请求来了都先交给它来处理。
2.web容器用来存放JSP/SERVLET等应用程序，当请求中包含这些的时候服务器转发给容器，由容器来处理。
3.web容器解析用户请求的脚本文件，生成对应的临时HTML文件（必须是HTML）。并以此结果发送给浏览器。
4.访问数据库，并接收查询结果。
在学习服务器这块，我还有很多不解的地方，希望大家共同讨论。以下是我在查资料时，发现的几个不错的链接：
Web服务器（Apache）与Servlet容器（Tomcat）、web服务器apache架构与原理、tomcat架构