HTML_超链接、锚点

最新推荐文章于 2024-03-14 09:39:32 发布

一抹鱼肚白

最新推荐文章于 2024-03-14 09:39:32 发布

阅读量614

点赞数

文章标签： H5

本文链接：https://blog.csdn.net/weixin_43652205/article/details/98657839

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

超链接

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接</title>
	</head>
	<body>
		<!-- 跳转到本地资源 -->
		<a href="imgLabel.html"><h2 align="center">图片标签学习</h3></a>
		<!-- <br> -->
		<a href="bodyListLabel.html"><h2 align="center">列表学习</h2></a>
		<hr size="5px" width="100%" color="aqua">
		<!-- 跳转到网络资源 -->
		<a href="http://baidu.com"><img src="../img/蜡笔小新.gif" height="200px" title="小新提醒您要去百度了哦"></a>
		<hr size="5px" width="100%" color="aqua">
		<!-- target表示在新的标签中打开网页 -->
		<a href="http://www.taobao.com" target="_blank"><img src="../img/大白.jpg" height="200px" title="大白提醒您要去淘宝了"></a>
		<a href="http://www.cctv1zhibo.com/tianqiyubao/26125.html" target="_blank">去看天气预报</a>
	</body>
</html>

<a href="http://www.cctv1zhibo.com/tianqiyubao/26125.html" target="_blank">去看天气预报</a>

<a href="">文本/图片<a/> href里面的可以是本地文件也可以是url

target属性

Target属性作用：

当用户第一次选择内容列表中的某个链接时，浏览器将打开一个新的窗口，将它标记为 "view_window"，然后在其中显示希望显示的文档内容。如果用户从这个内容列表中选择另一个链接，且这个 "view_window" 仍处于打开状态，浏览器就会再次将选定的文档载入那个窗口，取代刚才的那些文档。

在整个过程中，这个包含了内容列表的窗口是用户可以访问的。通过单击窗口中的一个连接，可使另一个窗口的内容发生变化。

Target属性详解：

对于target属性的属性值可有以下5种：_blank、_self、_parent、_top、framename，下面一一讲解每个属性值的作用与其实际用法。

Target属性blank的作用

作用：所指浏览器总在一个新打开、未命名的窗口中载入目标文档。（在新窗口中打开被链接文档）

用法：<a herf=”www.oroov.com” target=”_blank”>网络推广</a>

Target属性self的作用

作用：这个目标的值对所有没有指定目标的 <a> 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 <base> 标签中的 target 属性一起使用。（在相同的框架中打开被链接文档）

用法：<a herf=”www.oroov.com” target=”_self”>网络推广</a>

Target属性parent的作用

作用：这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。（在父框架集中打开被链接文档）

用法：<a herf=”www.oroov.com” target=”_parent”>网络推广</a>

Target属性top的作用

作用：这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。（在整个窗口中打开被链接文档）

用法：<a herf=”www.oroov.com” target=”_top”>网络推广</a>