认识网页

为了使初学者更好地认识网页，我们首先来看一下淘宝网站。打开谷歌浏览器，在地址栏中输入淘宝网址https://www.taobao.com/，单击“Enter”键，此时浏览器中显示的页面即为淘宝网的首页，如图1所示。

图1 淘宝网首页

从图1可以看到，网页主要由文字、图像和超链接（超链接为单击可以跳转的网页元素）等元素构成。当然除了这些元素，网页中还可以包含音频、视频以及动画等。

为了让初学者快速了解网页的构成，接下来我们查看一下网页的源代码。单击“F12”键，浏览器中弹出的窗口便会显示当前网页的源代码，具体如图2所示。

图2 淘宝首页部分源代码

图2即为淘宝网首页的源代码，这是一个纯文本文件，仅包含一些特殊的符号和文本。而我们浏览网页时看到的图片、视频等，正是这些特殊的符号和文本组成的代码被浏览器渲染之后的结果。

除了首页之外，淘宝网还包含多个子页面，例如点击淘宝首页的导航，会跳转到其他子页面，如聚划算、淘抢购、天猫超市等。多个页面通过链接集合在一起就形成了网站，在网站中，网页与网页之间可以通过链接互相访问。

网页有静态和动态之分。所谓静态网页是指用户无论何时何地访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。静态网页更新不方便，但是访问速度快。而动态网页显示的内容则会随着用户操作和时间的不同而变化，这是因为动态网页可以和服务器数据库进行实时的数据交换。

现在互联网上的大部分网站都是由静态网页和动态网页混合组成的，两者各有特色，用户在开发网站时可根据需求酌情采用。本书讲解的HTML5和CSS3就是一种静态网页搭建技术。