专题九 超链接《网页设计》 45分钟专题训练（山东省）
|
2份
|
14页
|
113人阅读
|
0人下载
内容正文：
·
山东省春季高考《网页制作》45分钟专题训练专辑，共16份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有山东省春季高考《图形图像处理》《计算机组装与维护》《数字摄影摄像》《实用美术基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。
《网页制作》
专题九 超链接
时间：45分钟 总分：100分
班级___________ 姓名__________ 学号__________ 成绩________
一、选择题（共25个题，每题2分，共50分）
1.在 Dreamweaver CC 中，创建超链接的 HTML 标签是（ ）
A. <link> B. <a> C. <href> D. <a href>
【答案】B
【解析】超链接的核心 HTML 标签是<a>
2.下列属性中，用于指定超链接目标地址的是（ ）
A. Target B. src C. href D. link
【答案】C
【解析】href属性专门用于指定超链接的目标地址（Hypertext Reference），target控制打开方式，src用于指定图像等资源路径，link不是标准属性。
3.若要让超链接在新窗口中打开，target 属性应设置为（ ）
A. _self B. _blank C. _parent D. _top
【答案】B
【解析】target="_blank"表示在新窗口 / 标签页打开链接；_self是默认值（当前窗口），_parent在父框架打开，_top在整个窗口打开（取消框架）。
4.下列代码中，正确的邮件链接格式是（ ）
A. <a href="mailto:ten@163.com">叮当猫</a>
B. <a href="email:ten@163.com">叮当猫</a>
C. <a href="ten@163.com">叮当猫</a>
D. <a mailto="ten@163.com">叮当猫</a>
【答案】A
【解析】邮件链接的格式为<a href="mailto:邮箱地址">链接文本</a>，mailto:是固定协议，其他选项协议错误或格式不规范。
5.下列关于外部链接的描述，错误的是（ ）
A. 外部链接用于链接到其他网站的网页
B. 创建外部链接时必须输入完整的URL地址，包括协议（如http://）
C. 外部链接的目标网页必须与当前网页位于同一服务器
D. 外部链接是网页与互联网资源建立关联的常用方式
【答案】C
【解析】外部链接链接的是其他网站的资源，其目标网页通常位于不同服务器，创建时需输入完整URL（含协议），是网页关联互联网资源的主要方式，C选项描述错误。
6.链接到网页中指定位置的超链接称为（ ）
A. 外部链接 B. 内部链接 C. 锚点链接 D. 下载链接
【答案】C
【解析】锚点链接的作用是跳转到网页中预先标记的指定位置，解决长网页导航问题。
7.创建锚点链接的第一步是（ ）
A. 选中链接文本 B. 插入锚点 C. 设置href属性 D. 选择目标窗口
【答案】B
【解析】创建锚点链接分两步：第一步在目标位置插入锚点（设置名称或 ID），第二步选中链接文本并设置href为#锚点名称。
8.链接到锚点的代码格式正确的是（ ）
A. <a href="#top">返回顶部</a> B. <a href="top">返回顶部</a>
C. <a link="#top">返回顶部</a> D. <a src="#top">返回顶部</a>
【答案】A
【解析】链接到锚点的格式为<a href="#锚点名称">链接文本</a>，#是锚点标识符，缺少则无法定位到锚点。
9.在 Dreamweaver CC 中，创建下载链接时，目标文件的格式不包括（ ）
A. .zip B. .exe C. .html D. .rar
【答案】C
【解析】下载链接的目标文件通常是压缩包（.zip、.rar）、可执行文件（.exe）等非网页文件，.html是网页文件，点击后直接打开而非下载。
10.下列关于外部链接的说法，正确的是（ ）
A. 只能链接到同一网站的网页 B. 必须使用完整的 URL 地址
C. 不能在新窗口中打开 D. 不需要设置href属性
【答案】B
【解析】外部链接需链接到其他网站，必须使用完整的 URL 地址（含 http/https 协议），可通过target="_blank"在新窗口打开，必须设置href属性。
11.脚本链接的主要作用是（ ）
A. 链接到包含JavaScript代码的外部文件
B. 点击链接时执行预设的JavaScript代码，而非跳转到具体网页
C. 实现脚本文件与网页文件的相互引用
D. 为超链接添加动态的脚本样式
【答案】B
【解析】脚本链接的核心是点击时执行预设JavaScript代码（如弹出提示框），而非跳转网页或链接脚本文件；其作用不是实现文件引用或添加样式，故B正确。
12.若要链接到上级目录中的index.html文件，href属性应设置为（ ）
A. index.html B. ../index.html C. web/index.html D. |index.html
【答案】B
【解析】../表示上级目录，/表示下一级目录，|表示网站根目录，直接写文件名表示当前目录下的文件。
13.下列代码中，正确的图像超链接是（ ）
A. <img src="pic.jpg" href="index.html">
B. <a href="index.html"><img src="pic.jpg"></a>
C. <a src="index.html"><img href="pic.jpg"></a>
D. <img href="index.html" src="pic.jpg">
【答案】B
【解析】图像超链接需将<img>标签嵌套在<a>标签内部，<a>标签的href属性指定目标地址，其他选项标签嵌套顺序或属性错误。
14.若要取消已创建的超链接，应在 “属性” 面板中（ ）
A. 删除href属性值 B. 设置href为#
C. 选中链接文本按 Delete 键 D. 更改target属性
【答案】A
【解析】取消超链接的方法是在 “属性” 面板中删除 “链接” 文本框中的href属性值，设置为#是创建空链接（不跳转），并非取消。
15.下列关于锚点链接的说法，错误的是（ ）
A. 锚点链接分为创建锚点和链接到锚点两步 B. 锚点名称不能包含空格和特殊字符
C. 可以链接到其他网页中的锚点 D. 锚点链接只能在同一网页中使用
【答案】D
【解析】锚点链接不仅可在同一网页中使用，还能链接到其他网页中的锚点（格式：<a href="目标网页.html#锚点名称">）
16.锚点链接中锚点的命名规则不包括（ ）
A. 锚点名称不能以数字开头
B. 锚点名称可以包含字母、数字和下划线
C. 锚点名称区分大小写
D. 锚点名称可以使用中文
【答案】D
【解析】锚点命名不能以数字开头，可包含字母、数字和下划线，区分大小写，不建议使用中文（可能导致兼容性问题），故D不属于其命名规则。
17.下列代码中，正确链接到下级目录下images文件夹中logo.jpg的是（ ）
A. <a href="../images/logo.jpg">logo</a>
B. <a href="images/logo.jpg">logo</a>
C. <a href="/images/logo.jpg">logo</a>
D. <a href="logo.jpg">logo</a>
【答案】B
【解析】../表示上级目录，/表示下一级目录，|表示网站根目录，直接写文件名表示当前目录下的文件。
18.若要让超链接点击后跳转到当前网页的顶部，最简便的方法是（ ）
A. 创建锚点链接到顶部锚点 B. 设置href="top"
C. 设置href="#" D. 设置href="index.html#top"
【答案】C
【解析】设置href="#"是跳转到当前网页顶部的简便方法，无需创建锚点；href="top"需配合锚点使用，href="index.html#top"是跳转到其他网页的顶部。
19.在 Dreamweaver CC 中，“超链接” 对话框中 “链接” 文本框的作用是（ ）
A.设置链接显示文本 B.设置链接目标地址 C.设置链接目标窗口 D.设置链接样式
【答案】B
【解析】“超链接” 对话框中，“链接” 文本框用于输入目标地址（相对路径或绝对路径），“目标” 下拉菜单设置打开方式，“文本” 框设置链接显示文本。
20.下列关于内部链接的说法，错误的是（ ）
A. 使用相对路径或绝对路径 B. 链接到同一网站内的资源
C. 相对路径更适合网站迁移 D. 必须使用完整的 URL 地址
【答案】D
【解析】内部链接可使用相对路径（推荐，适合网站迁移）或绝对路径（完整 URL），无需必须使用完整 URL，相对路径更灵活。
21.若要创建链接到zhijiao.xkw.com/的外部链接，href属性应设置为（ ）
A. / B.http://
C. // D. mailto:
【答案】B
【解析】外部链接需包含完整协议（http/https）和域名，www.sgzy.edu.cn缺少协议，//是相对协议（需依赖当前网页协议），mailto:是邮件协议。
22.在 Dreamweaver CC 中，选中图像后，在 “属性” 面板中设置哪个属性可以创建图像超链接（ ）
A. Src B. href C. link D. target
【答案】B
【解析】选中图像后，“属性” 面板的 “链接” 文本框（对应href属性）可设置图像超链接的目标地址，src是图像本身的路径属性。
23. 若要创建一个点击后跳转到当前页面中“联系我们”部分的超链接，应使用的链接类型是（ ）
A. 外部链接 B. 锚点链接 C. 电子邮件链接 D. 文件下载链接
【答案】B
【解析】锚点链接用于实现同一页面内不同位置的跳转，需先在目标位置创建锚点，再创建指向该锚点的链接；外部链接指向其他网站；电子邮件链接用于打开邮件客户端；文件下载链接用于引导下载文件。
24.在Dreamweaver CC中，若要让超链接在点击后改变颜色，以区分已访问和未访问状态，应设置的CSS样式是（ ）
A. a:hover B. a:active C. a:link D. a:visited
【答案】D
【解析】a:link用于设置未访问链接的样式；a:visited用于设置已访问链接的样式；a:hover用于设置鼠标悬停时的样式；a:active用于设置鼠标点击瞬间的样式。
25.在Dreamweaver CC中，创建电子邮件链接时，链接地址的正确格式是（ ）
A. mail:xxx@163.com B. email:xxx@163.com C. mailto:xxx@163.com D. sendto:xxx@163.com
【答案】C
【解析】电子邮件链接的标准格式为“mailto:邮箱地址”，A、B、D选项的格式均不符合规范。
二、简答题（共4小题，每题5分，共20分）
1.简述创建文本链接的方法
【答案】见解析
【解析】
（1）利用“属性面板”创建
①在“文档”窗口中选择要创建超链接的文本。
②在“链接”文本框中直接输入文档的路径和文件名。
（2）通过“超级链接”对话框创建。
①选择菜单“插入→Hyperlink”命令。
②在弹出的“超级链接”对话框中进行设置，单击“确定”按钮。
2. 简述创建图像热点链接的方法
【答案】见解析
【解析】（1）在“文档”窗口中选中要创建超链接的图像。
（2）在属性面板上选择热点工具，在图像上创建相应形状的热点。
（3）利用“指针热点工具” 选择图像热点。
（4）在“热点”属性面板中完成超链接的设置。
3. 简述创建锚点链接的步骤
【答案】见解析
【解析】创建锚点链接分两步：
第一步在目标位置插入锚点（设置名称或 ID），第二步选中链接文本并设置href为#锚点名称。
4. 简述创建电子邮件链接的方法
【答案】见解析
【解析】
（1）利用菜单命令创建
在“文档”窗口中将光标定位到要创建邮件链接的位置，执行以下操作之一。
①选择菜单“插入→HTML→电子邮件链接”命令。
②单击“插入”面板“HTML”类别中的“电子邮件链接”按钮 。
在打开的“电子邮件链接”对话框中进行设置，单击“确定”按钮。
（2）利用属性面板创建
在“文档”窗口中选择要创建电子邮件链接的文本或图像，在属性面板的“链接”文本框中输入mailto:电子邮件地址。
3、 案例分析题（共3小题，每题10分，共30分）
1.李华正在装饰个人网页，请帮忙完成下列要求。
（1）为网页添加超链接，当用户关闭网页时，弹出关闭提示框，消息内容为“您查看的网页正在试图关闭窗口。是否关闭此窗口？”
【答案】见解析
【解析】设置脚本链接，在“链接”文本框中输入“javascript:window.close()”
（2）为网页添加超链接，当用户打开网页时，弹出提示框，消息内容为“欢迎来到我的小站”
【答案】见解析
【解析】设置脚本链接，在“链接”文本框中输入“javascript:alert(‘欢迎来到我的小站’)”
2. 为网页添加超链接，单击“联系我们”可以发送邮件到“2335876@163.com”，单击“下载”可以下载文件。
【答案】见解析
【解析】
设置邮件链接，在“链接”文本框中输入“mailto:2335876@163.com”，将“联系我们”文字或图片设置为该链接；
设置下载链接，先准备好要下载的文件并上传到服务器指定位置，然后在网页中选中“下载”文字或图片，在属性面板的“链接”文本框中输入文件在服务器上的具体路径。
3.为网页设置超链接。首页链接为空链接，“手机介绍”链接到phone.html。
【答案】见解析
【解析】
设置首页空链接，在“链接”文本框中输入“#”；设置“手机介绍”链接，选中“手机介绍”文字或图片，在属性面板的“链接”文本框中输入“phone.html” 。
原创精品资源学科网独家享有版权，侵权必究！
学科网（北京）股份有限公司
$
·
山东省春季高考《网页制作》45分钟专题训练专辑，共16份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有山东省春季高考《图形图像处理》《计算机组装与维护》《数字摄影摄像》《实用美术基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。
《网页制作》
专题九 超链接
时间：45分钟 总分：100分
班级___________ 姓名__________ 学号__________ 成绩________
一、选择题（共25个题，每题2分，共50分）
1.在 Dreamweaver CC 中，创建超链接的 HTML 标签是（ ）
A. <link> B. <a> C. <href> D. <a href>
2.下列属性中，用于指定超链接目标地址的是（ ）
A. Target B. src C. href D. link
3.若要让超链接在新窗口中打开，target 属性应设置为（ ）
A. _self B. _blank C. _parent D. _top
4.下列代码中，正确的邮件链接格式是（ ）
A. <a href="mailto:ten@163.com">叮当猫</a>
B. <a href="email:ten@163.com">叮当猫</a>
C. <a href="ten@163.com">叮当猫</a>
D. <a mailto="ten@163.com">叮当猫</a>
5.下列关于外部链接的描述，错误的是（ ）
A. 外部链接用于链接到其他网站的网页
B. 创建外部链接时必须输入完整的URL地址，包括协议（如http://）
C. 外部链接的目标网页必须与当前网页位于同一服务器
D. 外部链接是网页与互联网资源建立关联的常用方式
6.链接到网页中指定位置的超链接称为（ ）
A. 外部链接 B. 内部链接 C. 锚点链接 D. 下载链接
7.创建锚点链接的第一步是（ ）
A. 选中链接文本 B. 插入锚点 C. 设置href属性 D. 选择目标窗口
8.链接到锚点的代码格式正确的是（ ）
A. <a href="#top">返回顶部</a> B. <a href="top">返回顶部</a>
C. <a link="#top">返回顶部</a> D. <a src="#top">返回顶部</a>
9.在 Dreamweaver CC 中，创建下载链接时，目标文件的格式不包括（ ）
A. .zip B. .exe C. .html D. .rar
10.下列关于外部链接的说法，正确的是（ ）
A. 只能链接到同一网站的网页 B. 必须使用完整的 URL 地址
C. 不能在新窗口中打开 D. 不需要设置href属性
11.脚本链接的主要作用是（ ）
A. 链接到包含JavaScript代码的外部文件
B. 点击链接时执行预设的JavaScript代码，而非跳转到具体网页
C. 实现脚本文件与网页文件的相互引用
D. 为超链接添加动态的脚本样式
12.若要链接到上级目录中的index.html文件，href属性应设置为（ ）
A. index.html B. ../index.html C. web/index.html D. |index.html
13.下列代码中，正确的图像超链接是（ ）
A. <img src="pic.jpg" href="index.html">
B. <a href="index.html"><img src="pic.jpg"></a>
C. <a src="index.html"><img href="pic.jpg"></a>
D. <img href="index.html" src="pic.jpg">
14.若要取消已创建的超链接，应在 “属性” 面板中（ ）
A. 删除href属性值 B. 设置href为#
C. 选中链接文本按 Delete 键 D. 更改target属性
15.下列关于锚点链接的说法，错误的是（ ）
A. 锚点链接分为创建锚点和链接到锚点两步 B. 锚点名称不能包含空格和特殊字符
C. 可以链接到其他网页中的锚点 D. 锚点链接只能在同一网页中使用
16.锚点链接中锚点的命名规则不包括（ ）
A. 锚点名称不能以数字开头
B. 锚点名称可以包含字母、数字和下划线
C. 锚点名称区分大小写
D. 锚点名称可以使用中文
17.下列代码中，正确链接到下级目录下images文件夹中logo.jpg的是（ ）
A. <a href="../images/logo.jpg">logo</a>
B. <a href="images/logo.jpg">logo</a>
C. <a href="/images/logo.jpg">logo</a>
D. <a href="logo.jpg">logo</a>
18.若要让超链接点击后跳转到当前网页的顶部，最简便的方法是（ ）
A. 创建锚点链接到顶部锚点 B. 设置href="top"
C. 设置href="#" D. 设置href="index.html#top"
19.在 Dreamweaver CC 中，“超链接” 对话框中 “链接” 文本框的作用是（ ）
A.设置链接显示文本 B.设置链接目标地址 C.设置链接目标窗口 D.设置链接样式
20.下列关于内部链接的说法，错误的是（ ）
A. 使用相对路径或绝对路径 B. 链接到同一网站内的资源
C. 相对路径更适合网站迁移 D. 必须使用完整的 URL 地址
21.若要创建链接到zhijiao.xkw.com/的外部链接，href属性应设置为（ ）
A. / B.http://
C. // D. mailto:
22.在 Dreamweaver CC 中，选中图像后，在 “属性” 面板中设置哪个属性可以创建图像超链接（ ）
A. Src B. href C. link D. target
23. 若要创建一个点击后跳转到当前页面中“联系我们”部分的超链接，应使用的链接类型是（ ）
A. 外部链接 B. 锚点链接 C. 电子邮件链接 D. 文件下载链接
24.在Dreamweaver CC中，若要让超链接在点击后改变颜色，以区分已访问和未访问状态，应设置的CSS样式是（ ）
A. a:hover B. a:active C. a:link D. a:visited
25.在Dreamweaver CC中，创建电子邮件链接时，链接地址的正确格式是（ ）
A. mail:xxx@163.com B. email:xxx@163.com C. mailto:xxx@163.com D. sendto:xxx@163.com
二、简答题（共4小题，每题5分，共20分）
1.简述创建文本链接的方法
2. 简述创建图像热点链接的方法
3. 简述创建锚点链接的步骤
4. 简述创建电子邮件链接的方法
3、 案例分析题（共3小题，每题10分，共30分）
1.李华正在装饰个人网页，请帮忙完成下列要求。
（1）为网页添加超链接，当用户关闭网页时，弹出关闭提示框，消息内容为“您查看的网页正在试图关闭窗口。是否关闭此窗口？”
（2）为网页添加超链接，当用户打开网页时，弹出提示框，消息内容为“欢迎来到我的小站”
为网页添加超链接，单击“联系我们”可以发送邮件到“2335876@163.com”，单击“下载”可以下载文件。
3.为网页设置超链接。首页链接为空链接，“手机介绍”链接到phone.html。
原创精品资源学科网独家享有版权，侵权必究！
学科网（北京）股份有限公司
$
资源预览图
