师：同学们，今天我们来学习九年级广州版信息技术第二章第五节——建立网页超链接。前几节课，我们已经完成了多张关于广州骑楼的网页。现在，如果要翻阅和查找这些网页的内容，一张一张打开网页的方法效率很低。那有什么办法解决这个问题呢？
生：用超链接！
师：对啦，就是超链接。这节课我们就来学习这个新知识，运用超链接把网页连接起来，让网页形成一个整体，方便我们来回跳转。先看看本节课的学习目标：一是理解超链接在网页设计中的重要作用；二是理解超链接的概念，了解超链接的种类；三是学会建立内部链接、外部链接、锚点链接和电子邮件链接。
首先，什么是超链接的概念呢？超链接是指从一个网页指向一个目标的连接关系，它可以建立在文字、图片或者图片的某个位置上。跳转的目标可以是另一个网页、另一个网站、同一网页内的其他地方、一个电子邮件或者一个文件等。如果跳转的目标是一个网页，我们叫它内部链接；跳转目标是另一个网站，叫外部链接；跳转目标是同一网页的其他地方，叫锚点链接；跳转目标是一个电子邮件，叫电子邮件链接。那怎么判断一个地方是否有超链接呢？
生：把鼠标移过去，如果出现手的形状，就证明有建立超链接。
师：非常好。超链接的种类，分为内部链接、外部链接、锚点链接和电子邮件链接。我们逐个来学习。
先看内部链接，它是把同一网站内的网页连接起来。我们通过微课来学习建立内部链接的方法和效果。建立内部链接，按以下步骤在index.html里的文本“发展历程”上建立内部链接，到网页develop.html。首先用鼠标拖黑文字“发展历程”，在属性面板中单击链接文本框旁的按钮，在选择文件对话框中选择develop.html，点击确定。然后在属性面板中的目标下拉列表框中选择_self，单击菜单栏中的文件按钮，选择保存选项，再单击菜单栏中的文件按钮，选择在浏览器中预览选项，或者按F12键，就可以预览及测试超链接。
接下来是外部链接，外部链接是不同网站网页之间的链接，能给浏览者更广阔的阅读空间。同样通过微课学习建立外部链接的方法。建立外部链接，按以下步骤在广州骑楼首页里做一个链接到广州岭南印象园网站。在文件属性面板中双击index.html文件，用鼠标拖黑文字“广州岭南印象园”，在属性面板里的链接文本框中输入http://www.LNYXY.com/ 。在属性面板中的目标下拉列表框中，选取_blank 。这里给大家讲一下目标下拉列表框中各选项的含义：_blank是在新视窗中打开所链接的网页，并保留原来的视窗；_parent是在包含目前框架的框架内打开所链接的网页；_self是在目前的框架内打开所链接的网页；_top是在最外层的框架内打开所链接的网页。设置好后，单击菜单栏中的文件按钮，选择保存选项，再单击菜单栏中的文件按钮，选择在浏览器中预览选项，或者按F12键预览及测试超链接。
对于属性面板中目标下拉列表框的用法，老师通过微课讲解。这里老师再讲一下超链接属性面板中的目标下拉列表，刚才我们学过，当中有4个不同的选项，最常用的是_blank和_self 。_blank指的是在新的窗口中打开链接，_self指的是在当前窗口中打开链接。我们通过实际例子来了解两者区别。老师会在“发展历程”还有“风格式样”这里建立超链接，分别使用_blank和_self ，看看有什么不同。
第一步建立超链接方法，首先选中“发展历程”几个字，在链接这里选择develop，点击确定，这样就建立了超链接，然后目标下拉列表选择_blank 。用同样方法建立另一个超链接，选中“风格式样”，在链接这里选择style，目标这里选择_self ，文件保存后预览，或者按F12 。
大家看，先点击“发展历程”，刚才用的是_blank ，是在新的页面中打开，这里会有两个页面。下面测试“风格式样”，点击“风格式样”，只有一个页面，就是刚才的页面已经变成了新的链接页面。同学们了解_blank和_self的区别了吗？
下面讲锚点链接，锚点链接是同一网页中指定位置的链接，使用锚点链接能快速定位到同一网页中的指定位置。我们看看建立锚点链接的方法。双击打开文件面板中的style.html文件，选择要加入锚点的地方，光标停留在该处，单击菜单栏中的插入按钮，选择命名锚记选项，在弹出的对话框中输入“古罗马券廊式”命名锚记，单击确定按钮。用鼠标拖黑页面第一行文字“古罗马券柱式”，单击属性面板中的链接后面的指向文件拖动到刚才建立的标志上。单击菜单栏中的文件按钮，选择保存选项，再单击菜单栏中的文件按钮，选择在浏览器中预览选项，或者按F12键预览及测试超链接。
老师再讲一个关于锚点链接应用的例子。我们打开“风格式样”的页面，这个页面介绍骑楼式样，有仿哥特式、兰札式、古罗马券柱式、仿巴洛克式，还有现代式，内容很丰富。在预览状态下，如果要查找某一个式样的资料，每次都要拖动滚动条查阅，很不方便。如果采用锚点链接解决这个问题，点击小图或者文字就能去到对应的骑楼式样介绍，是不是更方便呢？那怎样实现呢？我们选择“兰札式”示范一下。首先找到“兰札式”，在它前面先命名锚点，因为它是第二种，所以命名为M2 。然后选中这个小图，在链接这里用图标指向它，可以看到链接就是#M2 ，或者选中这里的文字，在链接这里直接输入代码#M2 。操作完毕后保存测试。