分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

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

发布时间:2023-09-06 02:10责任编辑:郭大石关键词:暂无标签

一个简易的连接

<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标签伪类

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved