码迷,mamicode.com
首页 > Web开发 > 详细

html 超链接标签 锚点 a标签伪类

时间:2018-08-16 22:59:17      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:网页   title   color   直接   一个   bilibili   https   a标签   显示   

一个简易的连接

<a href="01.html">01</a>

<body>
		<a href="01.html" target="_blank">01</a>
		<a href="https://www.bilibili.com/?spm_id_from=666.7.primary_menu.1">
		B站</a>
		<a href="01.html" title="鼠标放上来">01</a>
	</body>

target="_blank" 可以另开一个网页

title在光标放上时,会显示一个title

<body>
		<a name="p1"></a>
		<p>p1</p>
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<a name="p2"></a>
		<p>p2</p>
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<p>p3</p>
	</body>

 在<p>中定义一个名字

在<a>标签中 < a name="p">, 可以达到直接跳转地点的目的

</head>
	<body>
		<a href="02.html#p1">p1锚点</a>
		<a href="02.html#p2">p2锚点</a>
		<a href="02.html#p3">p3锚点</a>
		<a name="p1"></a>
		<p>p1</p>
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<a name="p2"></a>
		<p>p2</p>
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<br />
		<a name="p3"></a>
		<p>p3</p>
		<br></br>
		<br></br>
		<br></br>
		<br></br>
		<br></br>
		<br></br>
		<br></br>
		<br></br>

<a name="p">先打一个锚点,之后用<a href="p">来跳转  

<css>允许我们针对a标签的4种状态设置各自的css特性,叫做css伪类

<style>
	a:link {
		color:gray;
	}
	a:hover {
		color:orange;
	}	
	a:active {
		color:black;
	}
	a:visited {
		color:purple;
	}
</style>
</head>
    <body>
		<div>
			<a href="#">空连接</a>
			<a href="#">空连接</a>
			<a href="#">空连接</a>
			<a href="#">空连接</a>
		</div>
		<div>
		</div>
	</body>  

a:link是连接最开始的颜色

a:hover是光标在其上且没点击的颜色

a:active是光标点击且没松手的时刻

a:visited是访问过的

 

html 超链接标签 锚点 a标签伪类

标签:网页   title   color   直接   一个   bilibili   https   a标签   显示   

原文地址:https://www.cnblogs.com/abc23/p/9490584.html

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!