html超链接应用

最新推荐文章于 2023-01-11 10:27:13 发布

「已注销」

最新推荐文章于 2023-01-11 10:27:13 发布

阅读量565

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/yuanjin1988/article/details/42674153

版权

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>超链接</title>
		
	</head>
	
	
	<body>
		<a href = "http://www.163.com">网易</a>
		<a href = "http://www.baidu.com:80/index.php">百度</a>
		
		<a href = "file:///C:/Users/RX0008/Desktop/html/4.jpg">图片</a>
		
		<a href = "ftp://192.163.1.1">上传网站</a>
		
		<a href = "mailto:1555322@qq.com">E-Mail</a>
	</body>
</html>

<html>
	<head>
		<title>超链接</title>
		
	</head>
	
	
	<body>
		<!-- 相对链接和绝对链接 -->
		<!-- 绝对链接 -->
		<a href = "C:/Users/RX0008/Desktop/html/image/index.html">index.html</a>
		
		<!-- 相对链接 -->
		<!-- index.html -->
		<!-- page/index.html -->
		<!-- page/top/index.html -->
		<!-- ../index.html -->
		<!-- ../../index.html -->
		<!-- ../page/index.html -->
	</body> 
</html>

<html>
	<head>
		<title>超链接</title>
		
	</head>
	
	
	<body>
		<!-- 书签链接 -->
		<a href = "index.html#1">第一章</a>
		<a href = "index.html#2">第二章</a>
		<a href = "index.html#3">第三章</a>
		
		
		
	</body> 
</html>

<html>
	<head>
		<title>超链接</title>
		<base href = "http://www.sina.com/">
                  <!-- 基准链接点 -->		
	</head>
	
	
	<body>
		
		<a href = "index.html">超链接</a>
		
		
	</body> 
</html>

<html>
	<head>
		<title>超链接</title>
		
		
	</head>
	 
	
	<body link = "red" alink = "green" vlink = "orange">
		<!-- 超链接事件 -->
		<!-- link 超链接尚未被选中的文字-->
		<!-- alink 超链接点选但未被放开的颜色 -->
		<!-- vlink 超链接已被点选过的颜色 -->
		
		<!-- accesskey 为链接创建快捷键 -->
		<!-- tabindex 为链接设置制表顺序-->
		<a href = "http://www.163.com" accesskey = "p" tabindex = "3">网易3</a>
		<a href = "http://www.164.com" tabindex = "2">网易4</a>
		<a href = "http://www.165.com" tabindex = "1">网易5</a>
		
		
	</body> 
</html>