zoukankan      html  css  js  c++  java
  • 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是访问过的

  • 相关阅读:
    C++ 使用STL string 实现的split,trim,replace
    C++ int 转 string (使用stringstream)
    php加速器之 eAccelerator 安装方法
    C++ vector容器类型
    C/C++获取当前系统时间
    ABAP开发基础知识:2) 变量的声明(Declaring Variables)
    网页开发中常用到的Firefox附加组件
    SAP系统介绍
    ABAP开发基础知识:1) ABAP基础程序类型(ABAP Elementary Data Types)
    ABAP开发基础知识:4) 结构体(Structure)
  • 原文地址:https://www.cnblogs.com/abc23/p/9490584.html
Copyright © 2011-2022 走看看