HTML 中超链接的使用

超链接标签:a

  • 属性:
    href:提示我们链接的地址
    target:打开方式 _blank 在一个新的页面打开
  • 注意:
    如果做超链接操作的时候,你没有告诉 href 这个属性你采用的是什么类型的协议:默认采用的是文件解析协议,也就是在本地找。所以你想使用网址的时候,请自己加上 http 协议。

锚链接

  • 定义一个锚点。然后在和超链接结合使用。还是使用a标签定义锚点。
  • 定义锚点:
<a name="锚点名"></a>
  • 使用锚点:
<a href="#锚点名">返回xxx</a>

说明:此处,我在桌面建立了一个文本文件以做演示,写入内容为 “我是测试文件” ,以 .html 格式保存。

示例代码:

<html>
	<head>
		<title>www.weiyuxuan.com</title>		
	</head>
	
	<body>
		
		<a name="firsta" > </a>
		
		<h1> 超链接的使用</h1>
		
		<a href="C:\Users\NULL\Desktop\test.html">   点击跳转到桌面的测试文件             					</a>  <br/>
		<a href="C:\Users\NULL\Desktop\test.html" target="_blank"> 点击跳转到桌面的测试文件(新开一个页面) </a>  <br/>
		<a href="www.baidu.com">                   点击跳转到百度                 </a>  <br/>
		<a href="http://www.baidu.com">            点击跳转到百度(http )        </a>  <br/>
		
		<hr/>
		
		<h1>超链接锚点使用</h1>
		
		<img src="3.jpg" width="320"/> <br/>
		<br/><br/><br/>
		<img src="3.jpg" width="320"/> <br/>
		
		<a href="#firsta"> 回到顶部 </a> <br/>
		
	</body>
	
</html>

结果图:
JavaWeb_HTML(6)_HTML 超链接的使用
JavaWeb_HTML(6)_HTML 超链接的使用
如有错误,欢迎指正!

相关文章: