超链接

最新推荐文章于 2022-07-11 19:11:48 发布

weixin_44793200

最新推荐文章于 2022-07-11 19:11:48 发布

阅读量108

点赞数

分类专栏： html 文章标签： css 锚链接

本文链接：https://blog.csdn.net/weixin_44793200/article/details/89633264

版权

html 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

1超链接

格式：

href="目标地址：推荐相对路径"

target="目标页面打开的位置：默认当前窗口_selft;_blank新窗口打开"

_self：也是默认值；当前窗口打开新页面;

_blank：新窗口打开

_parent:父窗口打开

2锚链接

页面长度超过一屏，开始位置提供快速跳转导航

使用锚链接的时候：

1.（定义锚点）目标位置先定义：name属性

<a name="锚点的名称"></a>

2.超链接的：本页面的锚点：href="#锚点的名称"

其它页面的锚点：href="目标页面#锚点的名称"

<!--在目标位置处定义锚点

<a name="phone">手机板块</a> name自定义名称，供链接处href属性使用 -->

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="height: 400px;background-color: #7FFFD4;">
<a href="#book">图书</a>
<a href="#char">聊天</a>
<a href="#sport">sport</a>
<a href="#read">read</a>
<a href="mao1.html#ari">ari</a>
</div>
<div style="height: 400px;background-color: navajowhite;">
<a name="read">read</a>
</div>
<div style="height: 400px;background-color: greenyellow;">
<a name="sport">sport</a>
</div>
<div style="height: 400px;background-color: darkolivegreen;">
<a name="char">聊天</a>
</div>
<div style="height: 400px;background-color: chartreuse;">
<a name="book">图书</a>
</div>
</body>
</html>

创建一个mao1.html页面，代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div style="height: 400px;background-color: blue;">
			<a name="air">ari</a>
		</div>
	</body>
</html>

3功能性超链接

-发邮件（了解）

weixin_44793200

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
超链接

1超链接格式：<a href="" target="_self"></a>href="目标地址：推荐相对路径" target="目标页面打开的位置：默认当前窗口_selft;_blank新窗口打开"_self：也是默认值；当前窗口打开新页面;_blank：新窗口打开_parent:父窗口打开2锚链接页面长度超过一屏，开始位置提供快速跳转导...
复制链接

扫一扫

专栏目录