网页设计DW

(1)什么是超链接?

(2)能够区分三种链接路径,掌握插入超链接的方法 和 设置超链接属性的方法。

(3)考试怎么考?

答:

(1)

超链接就是点一下就能跳转到其他地方网页元素,就比如用鼠标点击一下A,就跳转到了B,那么A就是一个超链接。刚才说的A可以是一个图片、电子邮件地址,也可以是页面中的某个位置。

(2)

链接路径:

  • 绝对路径:就是完整的 "地址",不管当前文件在哪,只要用这个路径就能精准找到目标。通常用于建立外部链接,比如在百度网站建立一个到淘宝网站的链接。格式如,D:\web\files\dog.pdf 或是 https://www.baidu.com/images/logo.png。
  • 相对路径:相对路径就是以你当前文件的位置为起点,去写目标文件路径。相对路径有三种情况(平级、下级、上级),①目标文件和我们当前的文件在同一文件夹里,那相对路径就是目标文件名,比如 pic.jpg。②目标文件在我们当前文件夹的里面,那相对路径就是 当前文件夹名/后面到目标文件的路径。③目标文件在我们上一级文件夹时,那相对路径就是 .../文件名。
  • 根路径:从网站的根文件夹开始的路径。假设网站根目录是www,目标文件在www/images/logo.png,根路径就写/images/logo.png(开头的/代表根目录)。

首先,根据 链接对象 不同,可将超链接分为:文本链接、图像链接、电子邮件链接等。

创建文本链接:

  • ①在 "文档" 窗口里选中要做成超链接的文本
  • ②找到界面中的 "属性面板"
  • ③在属性面板里找到 "链接" 文本框,直接输入要到达位置的路径。

属性:

  • blank:将链接的文档在一个未命名的新浏览器窗口中打开,原来打开的窗口不变。
  • new:将链接的文档始终在同一个新的浏览器窗口中打开。
  • self:将链接的文档在当前浏览器窗口中打开。该目标是系统默认项。

锚点链接:

用于创建到网页特定位置的链接,利用这种链接可以跳转到当前网页或其他网页中的某一指定位置。就比如我们在页面10插入了一个锚点,然后我们为页面1的网页元素A创建一个到该锚点的链接。

  • ①首先创建命名锚记,将鼠标定位到要设置锚点的位置,在 "插入" 面板中找到 "命名锚记",输入锚记名称,点击 "确定"。
  • ②创建锚记链接,选择要链接到命名锚记的网页元素,然后在属性面板的 "链接" 文本框中直接输入 "# 锚记名称"。

电子邮件链接:

点击网页里创建了电子邮件链接的网页元素,就能直接打开邮件软件、自动填好收件人邮箱的链接,方便直接发邮件。

  • ①打开网页文档,把光标放到要插入邮件链接的位置。
  • ②点插入面板里的 "电子邮件链接" 按钮。
  • ③在弹出的对话框里填收件人邮箱,点 "确定"。

(3)

答案:A

答案:B

根路径,/开头

(B+C),盘符或http开头

相对路径,可以时文件名开头

答案:D

相关推荐
锋行天下17 分钟前
DeepSeek写Langgraph就是个大傻逼,一本正经胡说八道
前端·人工智能·后端
jktantan32 分钟前
每个节点 41 字节:把一棵百万节点树拆进 14 个 typed array
前端·javascript·vue.js·算法·typescript
计算机魔术师1 小时前
Anthropic官方插件被「寄生」,背后是同一类攻击又来了
前端
我命由我123451 小时前
访客系统形式(有用户概念、无用户概念)
java·开发语言·前端·javascript·python·产品运营·产品经理
key_3_feng2 小时前
评估与对齐:Agent 自我进化的护栏
前端·数据库·agent
LaughingZhu2 小时前
Product Hunt 热榜 2026-10-30:Empacer、Scape、Floot in ChatGPT
java·前端·数据库·人工智能·chatgpt·notion
Lank_M2 小时前
抠图结果缩放后边缘发脏,该怪的不是插值
前端
jerrywus2 小时前
Skill、MCP、Workflow、Rules、Memory 有什么区别?拿几次真实开发任务讲清楚
前端·agent·claude
补码缩写2 小时前
canvas 与 sharp 缩放透明图:默认预乘,非预乘得拆通道
前端
静默回滚2 小时前
抠图 PNG 缩小再放大,边缘又糊又白是两件事
前端