06-HTML-超链接标签

<html>
	<head>
		<title>超链接标签学习</title>
		<meta charset="UTF-8"/>
	</head>
	<body>
		<h3>超链接标签学习</h3>
		<hr />
		<!--
			超链接标签学习:
				a标签:
					href:要跳转的网页资源路径
					 	本地资源:相对路径
					 	网络资源:网络资源(网页)的URL
					 target:指明要跳转的网页资源的显示位置
					 		_self   在当前页中刷新显示
					 		_blank  在新的标签页中显示
					 		_top	在顶层页面中显示
					 		_parent	在父级页面中显示
				注意:
					超链接标签中一定要声明访问方式,访问方式可以是文字也可以是图片.
			锚点学习:
				作用:在一张网页中进行资源跳转
				使用:
					先使用超链接标签在指定的网页位置增加锚点.格式为:
						<a name="锚点名" ></a>
					使用a标签可以跳转指定的锚点,达到网页内部资源跳转的目的,格式:
						<a href="#锚点名" >访问方式</a>
		-->
		<!--本地资源-->
		<h4>本地资源:</h4>
		<a href="05-HTML-图片标签学习.html" >图片标签学习</a><br />
		<a href="04-HTML-body标签(列表标签).html" target="_blank"><img src="img/3.gif" height="100px"/></a>
		<hr />
		<!--网络资源-->
		<h4>网络资源:</h4>
		<a href="http://www.taobao.com" target="_blank">淘宝一下</a><br />
		<a href="http://www.taobao.com" target="_blank"><img src="img/5.png"/></a>
		<hr />
		<!--锚点学习:-->
		<h4>锚点学习:</h4>
		<a href="锚点学习.html">锚点学习</a>
	</body>
</html>

锚点

 

<html>
	<head>
		<title>锚点学习</title>
		<meta charset="UTF-8"/>
	</head>
	<body>
		<h3>锚点学习</h3>
		<hr />
		<h4>目录:</h4>
		<a href="#first">第一章</a><br />
		<a href="#second">第二章</a><br />
		<a href="#third">第三章</a><br />
		<a href="#fourth">第四章</a><br />
		<a name="first"></a>
		<p>第一章:</p>
		<p>
			张三下班了,心情甚是苦闷,今年老板没有涨薪,考虑要不要跳槽去商丘呢.听说那里工资很高.....
			突然,一辆卡车迎面飞奔而来......
		<p>
			张三下班了,心情甚是苦闷,今年老板没有涨薪,考虑要不要跳槽去商丘呢.听说那里工资很高.....
			突然,一辆卡车迎面飞奔而来......
		</p>
		<p>
			张三下班了,心情甚是苦闷,今年老板没有涨薪,考虑要不要跳槽去商丘呢.听说那里工资很高.....
			突然,一辆卡车迎面飞奔而来......
		</p>
		<p>
			张三下班了,心情甚是苦闷,今年老板没有涨薪,考虑要不要跳槽去商丘呢.听说那里工资很高.....
			突然,一辆卡车迎面飞奔而来......
		</p>
		<p>
			张三下班了,心情甚是苦闷,今年老板没有涨薪,考虑要不要跳槽去商丘呢.听说那里工资很高.....
			突然,一辆卡车迎面飞奔而来......
		</p>
		<p>第二章:</p>
		<a name="second"></a>
		<p>
			张三醒来发现自己躺在一个陌生的地方,周围绿绿葱葱,在一个森林里....暗处有一双好奇的眼睛在看着他..
			
		</p>
		<p>
			张三醒来发现自己躺在一个陌生的地方,周围绿绿葱葱,在一个森林里....暗处有一双好奇的眼睛在看着他..
			
		</p>
		<p>
			张三醒来发现自己躺在一个陌生的地方,周围绿绿葱葱,在一个森林里....暗处有一双好奇的眼睛在看着他..
			
		</p>
		<p>
			张三醒来发现自己躺在一个陌生的地方,周围绿绿葱葱,在一个森林里....暗处有一双好奇的眼睛在看着他..
			
		</p>
		<p>
			张三醒来发现自己躺在一个陌生的地方,周围绿绿葱葱,在一个森林里....暗处有一双好奇的眼睛在看着他..
			
		</p>
		<p>
			张三醒来发现自己躺在一个陌生的地方,周围绿绿葱葱,在一个森林里....暗处有一双好奇的眼睛在看着他..
			
		</p>
		<p>第三章:</p>
		<a name="third"></a>
		<p>
			张三被路过的李家大小姐所救,据李小姐所说,张三发现这是一个奇妙的世界,这个世界的人只会使用C语言..
		</p>
		<p>
			张三被路过的李家大小姐所救,据李小姐所说,张三发现这是一个奇妙的世界,这个世界的人只会使用C语言..
		</p>
		<p>
			张三被路过的李家大小姐所救,据李小姐所说,张三发现这是一个奇妙的世界,这个世界的人只会使用C语言..
		</p>
		<p>
			张三被路过的李家大小姐所救,据李小姐所说,张三发现这是一个奇妙的世界,这个世界的人只会使用C语言..
		</p>
		<p>
			张三被路过的李家大小姐所救,据李小姐所说,张三发现这是一个奇妙的世界,这个世界的人只会使用C语言..
		</p>
		<p>
			张三被路过的李家大小姐所救,据李小姐所说,张三发现这是一个奇妙的世界,这个世界的人只会使用C语言..
		</p>
		<p>
			张三被路过的李家大小姐所救,据李小姐所说,张三发现这是一个奇妙的世界,这个世界的人只会使用C语言..
		</p>
		<p>第四章:</p>
		<a name="fourth"></a>
		<p>
			张三开始宣扬面向对象开发的思想及其好处,得到了广大人民群众的一致认可,被尊为这个世界的java鼻祖....
		</p>
		<p>
			张三开始宣扬面向对象开发的思想及其好处,得到了广大人民群众的一致认可,被尊为这个世界的java鼻祖....
		</p>
		<p>
			张三开始宣扬面向对象开发的思想及其好处,得到了广大人民群众的一致认可,被尊为这个世界的java鼻祖....
		</p>
		<p>
			张三开始宣扬面向对象开发的思想及其好处,得到了广大人民群众的一致认可,被尊为这个世界的java鼻祖....
		</p>
		<p>
			张三开始宣扬面向对象开发的思想及其好处,得到了广大人民群众的一致认可,被尊为这个世界的java鼻祖....
		</p>
		<p>
			张三开始宣扬面向对象开发的思想及其好处,得到了广大人民群众的一致认可,被尊为这个世界的java鼻祖....
		</p>
		<p>
			张三开始宣扬面向对象开发的思想及其好处,得到了广大人民群众的一致认可,被尊为这个世界的java鼻祖....
		</p>
		<a href="#">回到顶部</a>
	</body>
</html>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值