• html 超链接标签 锚点 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是访问过的

  • 相关阅读:
    视频播放
    调用原生硬件 Api 实现照相机 拍照和相册选择 以及拍照上传
    获取设备信息 以及 获取地 理位置
    flutter_html 和 WebView 解析html 和 build.gradle源码
    flutter Dio()网络请求
    AlertDialog 、SimpleDialog、 showModalBottomSheet、showToast 自定义 Dialog
    前端小白页面开发注意事项及小工具(htmlcssjs)
    box-shadow 画叮当猫
    什么是冒泡排序?
    console.log
  • 原文地址:https://www.cnblogs.com/abc23/p/9490584.html
Copyright © 2020-2023  润新知