2.2　了解网页

以某旅游网首页为例，如图2-2所示。抓取该旅游网首页首条信息（标题和链接），数据以明文的形式出现在源码中。

在该旅游网首页，按快捷键【Ctrl+U】打开源码页面，如图2-3所示。

2.2.1　认识网页结构

网页一般由三部分组成，分别是HTML（超文本标记语言）、CSS（层叠样式表）和JScript（活动脚本语言）。

1．HTML

HTML是整个网页的结构，相当于整个网站的框架。带“<”“>”符号的都属于HTML的标签，并且标签都是成对出现的。

常见的标签如下。

2．CSS

CSS表示样式。图2-3中第13行<style type="text/css">表示将在下面引用一个CSS，并在CSS中定义了对应的样式。

3．JScript

JScript表示功能。交互的内容和各种特效都在JScript中，JScript描述了网站中的各种功能。

如果把网页比喻为人体，那么HTML是人的骨架，并且定义了人的嘴巴、眼睛、耳朵等要长在哪里；CSS表示人的外观细节，如嘴巴长什么样子，眼睛是双眼皮还是单眼皮，是大眼睛还是小眼睛，皮肤是黑色的还是白色的等；JScript表示人的技能，如跳舞、唱歌或演奏乐器等。

2.2.2　写一个简单的HTML

通过编写和修改HTML，可以更好地理解HTML。首先打开一个记事本，然后输入下面的内容。

输入代码后，保存记事本，然后按图2-4所示的方式修改文件名和后缀名。

运行该文件后的效果如图2-5所示。

以上代码只用到了HTML，读者可以自行修改代码中的中文，然后观察其变化。