九年级 信息技术 第三册第二章《第5节 建立网页超链接》课件

九年级—广州版—信息技术—第三册第二章

第5节建立网页超链接情

境

前几节课，我们已经完成了多张“广州骑楼”的网页，现在我们要翻阅和查找这些网页的内容，如果用一张一张地打开网页的方法，无疑是很低效率的。那有什么办法能解决这个问题呢？理解超链接的概念，了解超链接的种类0102学会建立内部链接、外部链接、锚点链接和电子邮件链接。03教学目标理解超链接在网页设计中的重要作用（一）超链接

超链接是指从一个网页指向一个目标的连接关系，它可以建立在文字、图片或者图片的某个位置上，链接跳转的目标可以是另一个网页、另一个网站、同一网页内的其他地方、一个邮件地址、一个文件等。内部链接外部链接锚点链接电子邮件链接内部链接、外部链接、锚点链接、电子邮件链接（二）超链接的分类1.内部链接

内部链接就是把同一网站内的网页连接起来。2.外部链接

外部链接就是不同网站网页之间的链接。建立外部链接目标下拉列表框3.锚点链接

锚点链接是同一网页中指定位置的链接。建立锚点链接4.电子邮件链接

电子邮件链接是单击时能够发送邮件的邮件专用程序。建立电子邮件链接<ahref="develop.html">发展历程</a><ahref=""target="_blank">链接到百度</a><ahref="mailto:gzjiangnan@QQ.com">联系我们</a>（三）超链接的代码<ahref="#m1">仿哥特式</a><aname="m1"id="m1"></a>（四）超链接字体颜色

实践题：设置超链接后改变了颜色的字体还原回本来的颜色。CSS（层叠样式表）原理：使网页所有的链接颜色得到统一的控制。建立超链接鼠标经过已访问的链接活动链接已设置超链接【考考你】【单选题】网站是一个包含多个网页的集合，这些网页由(

)连在一起。

A.传输

B.协议

C.超链接

D.网站C解析：多个网页能通过超链接连接在一起，形成一个整体。【考考你】【单选题】在网页中，下列对象不能插入超链接的是(

)。

A.文字

B.图片

C.图片中的某个区域

D.表格D解析：超链接可以建立在文字、图片或图片中的某个区域上，但不能建立在表格上的。【单选题】小明制作了一个“2022年新年彩灯”网页，通过点击网页上不同的彩灯照片，能自动跳转到本页面中的相应彩灯简介位置，他可能使用了(

)。

A.电子邮件链接

B.内部链接

C.文件链接

D.锚点链接【考考你】D解析：跳转到同一页面某个位置的超链接叫做锚点链接。【考考你】【单选题】在网页中,必须使用(

)标记来完成超级链接。

A.<a>...</a>

B.<p>...</p>

C.<link>...</link>

D.<li>...</li>A解析：通过代码窗口，可以看到超链接的代码用<a>开始</a>结束。【考考你】【单选题】在属性面板设置网页打开的方式中,在新的窗口打开超链接的是(

)。

A._blankB._parent

C._selfD._topA解析：超链接的目标方式_blank表示在新窗口打开超链接。【考考你】【单选题】在Dreamweaver中,创建E-mail链接,其正确的语句格式是(

)A.to:master@e-B.Beink:master@e-C.mail:master@e-D.mailto:master@e-

D解析：电子邮件链接的语句是mailto。课堂小结什么是超链接（What）怎样建立超链接（How）超链接超链接有什么用（Why）超链接有哪些种类？超链接什么样的？

感谢观看!（本课的素材部分来源于网络）九年级—广州版—信息技术—第三册第二章

第5节建立网页超链接答疑课绝对地址和相对地址绝对地址和相对地址绝对地址：指带有网站域名的网页地址。相对地址：只包含本地路径的网页地址。通常以“/”表示根目录“./”表示当前目录“../”表示当前目标的上一层目录表示层级关系相对地址

相对地址是以当前文档所在的文件夹为起点的相对路径。如果nearby.html放在下一级文件夹中（比如webs），那么链接将会<ahref="index.html">首页</a><ahref="develop.html">发展历程</a><ahref="style.html">风格样式</a>假如你有三个网页，而且他们被存放在同一个目录下，那么你在做超链接的时候，只要写出文件名就行了。<ahref="webs/nearby.html">身边骑楼</a>反过来，从nearby.html（在下级文件夹中）到index.html的链接将会是<ahref=".