HTML 超链接标签

最新推荐文章于 2025-05-23 10:00:00 发布

原创最新推荐文章于 2025-05-23 10:00:00 发布 · 657 阅读

0 ·

CC 4.0 BY-SA版权

网页前端专栏收录该内容

27 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 超链接
	作用：连接资源
	当有了href属性才有了点击效果
	href属性的值不同 解析的方式也不一样
	
	如果在该值中没有指定过任何协议
	解析时 是按照默认的协议来解析该值的  默认协议是file协议 (当成文件来解析)
	
	 -->
	 <a href="http://www.baidu.com" target="_blank">百度</a>
	<a href="WEB-INF//imgs//1.png">pic</a>
	<a href="mailto:asveng@sina.com">联系我们</a>
	<hr/>
	<a href="http://www.xunlei.com/movies/fczlm.rmvb">fczlm</a>
	<br/>
	<a href="thunder://www.xunlei.com/movies/fczlm.rmvb">fczlm</a>
	<br/>
	<a href="javascript:void(0)" onclick="alert('zzzz')">这时一个超链接</a>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<!--
	定位标记
	专业术语:锚 
	 -->
	<a name=top>顶部位置</a>
	<br/>
 <img src="111.jpg" height="900" width="500" border="10"/>
 <hr/>
 	<a name="center">中间位置</a>
 	<br/>
 <img src="111.jpg" height="900" width="500" border="10"/>
<hr/>
<a href="#top">回到顶部位置</a>
<a href="#center">回到中间位置</a>
</body>
</html>