超链接——内部链接、外部链接、锚点链接、下载链接、空链接、其他元素链接

本文详细介绍了超链接的多种类型,包括内部链接(同文件内的链接)、外部链接(转跳至其他网站)、锚点链接(页面内定位)、下载链接(触发文件下载)、空链接(临时占位)以及如何为网页元素(如图片)添加链接。通过这些链接方式,可以实现网页内容的灵活交互和导航。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、内部链接

在这里插入图片描述
first.html 和second.html在同一文件内,想在first.html中通过超链接跳转到second.html中,可以通过内部链接实现。

<a href="second.html">点我转跳</a>

二、外部链接

想在通过点击first.html中的超链接转跳到其他网页去,可以使用外部链接

<a href="https://www.baidu.com/">点我跳到百度</a>

三、锚点链接

阅览一个内容很多的页面时,想通过点击特定文字,来转跳到页面中相应内容位置(如点击1中内容,会转跳到2中内容位置),可以使用锚点链接。
在这里插入图片描述

<a href="#create">1 创建过程</a><br /><!--在href属性中,设置 属性值=#锚点的名字 -->
2 主要作用<br />
3 链接区别<br />

<h2 id="create">创建过程</h2><!--在目标位置标签中,添加一个id属性,令id属性=href中锚点的名字-->
<p>创建到命名锚记的链接的过程分为两步: 创建命名锚记和链接到命名锚记。
第一步:创建命名锚记
若要创建命名锚记,请在Dreamweaver编辑视图,将光标置于需要命名锚记的地方。选择“插入记录”工具栏,选择“命名锚记”选项。出现命名锚记对话框。
创建命名锚记对话框 在“锚记名称”文本框中输入锚记的名称。一般锚记若在网页顶部,可输入top;锚记名不能含有空格,而且不应置于层内。
第二步:链接到命名锚记......<p/>

四、下载链接

href里的地址是一个压缩包的链接,点击该链接时,就会下载这个文件

五、空链接

在进行整体网页设计时, 还没确定明确链接目标时,可以用 # 暂时替代链接目标

<a href="#">用#暂时替代</a>

六、其他元素链接

网页中其他的元素,如图片、表格、音频、视频等也可以添加超链接。
假设一个页面中,有一个百度的logo(logo文件名为:baidu.jpg),通过点击这个logo图片,会跳转到百度,那么代码如下:

<a href="https://www.baidu.com/"><img src="baidu.jpg"></a>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值