本节是第二讲的第一小节，主要为大家介绍网页前端编程语言的基础知识。首先，我们一起看一下网页的显示原理，即当我们在浏览器输入网址按下回车键后，是如何看到网页的呢？如下图所示：
关于网页显示原理，视频课程01编程基础-6网络原理（一）中已经介绍过，在这里再一起回顾一下。当你在电脑上打开浏览器，输入网址，敲下回车后。这时，浏览器将你这个指令从应用层经表示层……一直到物理层。然后经过了你本地网络的网关，经过了很多个路由器转发，最后到达了服务器。在服务器上有一个专门的服务程序一直在监听80端口，当监听到这个请求后，然后通知服务程序返回一个网页。返回的这个网页又从应用层……一直到了物理层，又经过了很多个路由，数据到达了你的电脑，又从物理层到了应用层最终在浏览器就能看到网页了。网站访问就是这个原理，浏览器和服务器需要共同遵守HTTP协议。
接下来在一起看一下网页的组成元素。返回的网页一般由字符、图片、音频、视频、动画、Html、CSS、JAVAScript等。其中字符包括中文、英文、标点、特殊字符等，在第一讲字符编码的时候当时介绍了ASCII编码、GB编码、UTF-8编码等。目前网站普遍应用的是UTF-8编码。图片常见格式有jpg、png、gif。在第一讲图片存储中为大家介绍过，jpg是一种有损的图片压缩格式，png的特点是背景透明，gif是动画图片格式。音频在第一讲中也为大家介绍过，主要格式wav，midi,mp3。其中网站应用最多是mp3。视频在网站中应用最多的是mp4格式。动画的原理在第一讲中也已经介绍过，目前网页中动画用的比较多的是flash技术，后面会为大家介绍。在这里着重为大家介绍html、css、javascript。
HTML(HyperTextMarkupLanguage)称为超文本标记语言，是一种标签语言。
CSS(CascadingStyleSheets)称为层叠样式表，是文件样式语言。
JAVAScript是一种脚本语言，常用来为网页添加各式各样的动态功能。
这三种语言是网页前端编程的主要语言，对于初学者可能有点难理解。在这里，我想到还是做个类比，把这三种语言与机器人做个类比，html相当于机器人的骨骼，css相当于机器人的皮肤，javascript相当于机器人的动作，至于机器人的大脑其实是网页后端。咱们说网页前端是指浏览器显示出来的网页，前端语言的作用就是控制网页的显示。网页后端是指服务器的程序控制返回浏览器一个怎样的网页。
以上三种语言的标准是由WorldWideWebConsortium（万维网联盟）制定的，也就是我们通常所说的W3C标准。
下面为大家演示一个基本的html网页结构，如果不理解里面的标签内容请参考视频教程。
!DOCTYPEhtmlhtmlheadmeta
联系电话：