您现在的位置是：课程教程文章
css超链接是什么
2023-12-13 23:10课程教程文章 人已围观
CSS零基础入门到精通实战（python网站全栈
CSS零基础入门到精通实战（python网站全栈（黄老师微信） 【每星期都会有不同课程的活动，活动请加群了解】 微信小程...-
Web前端开发/HTML5/CSS3/JS/ES6/TS/Vue/React项目试
Web前端开发/HTML5/CSS3/JS/ES6/TS/Vue/React项目试课程及资料可以微信扫码找Timi老师领取哦！... -
毕业设计指导公开课 Java/前端/JavaEE/分布
毕业设计指导公开课 Java/前端/JavaEE/分布【学习目标】 帮助大家完成毕业设计的同时，提升专业技能，掌握Java web开发的... -
Web前端开发CSS技术教程
Web前端开发CSS技术教程获取课件直接添加博学谷微信号：bxgcourse；也可以直接加入博学谷在线学习交流...
1、超链接可以跳转到其他页面，或者可以跳转到本页面的其他位置。
其他页面：网上链接，自己写的页面
2、形式：<a></a> 级联元素
3、属性有href、url、target、_self和_blank。
href:目标位置的url
url：协议名://ip[:端口号/文件夹名/文件名]
target:跳转到目标的方式
_self：在页面打开链接 （默认方式）
_blank:在新的空白页面打开链接
实例
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>在html中的超链接讲解</title>
</head>
<style>
@importurl("style.css");
</style>
<body>
<!--
描述：在html中创建一个超链接使用a标签
接下来我们来创建一个超连接
与此同时我们还可以设置图片超连接
-->
<ahref="#">我是一个超链接</a><!--将超链接的属性值设置为#就是回到顶部的意思-->
<ahref="http://www.baidu.com">百度</a><!--在超链接中放置一个网址就是会实现跳转网址的功能-->
<!--这是一个图片超链接-->
<ahref="http://www.baidu.com"><imgsrc="picture/u=3007191037,3154212419&fm=15&gp=0.jpg"width="100px"/></a>
<!--在HTML中我们还可以设置目标窗口的弹出方式使用target属性target属性有两个属性值一个是_self在本窗口弹出
一个是_blank在新的窗口弹出
接下来我们来演示一下实际的效果
-->
<ahref="http://www.zcool.cn"target="_self">站酷</a><!--我们现在设置为在本窗口弹出进入站酷的网站-->
<ahref="http://www.google.com"target="_blank">谷歌</a><!--我们现在设置在新的窗口弹出-->
<!--在html中的描点超链接在html中创建描点超链接分为两步在该属性中我们使用到了id选择器
语法：
<ahref="#id名"></a>
<h3id="one">我是一个三级标题</h3>
为描点超链接设置样式准备条件
-->
<hrsize="3"color="#7FFF00"/>
<ahref="#one">金刚经第一品</a>
<ahref="#two">金刚经第二品</a>
<ahref="#three">金刚经第三品</a>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<pid="one">金刚经第一品法会因由分
如是我闻。一时佛在舍卫国。祗树给孤独园。
与大比丘众。千二百五十人俱。尔时世尊。
食时。著衣持钵。入舍卫大城乞食。于其城中。次第乞已。还至本处。
饭食讫。收衣钵。洗足已。敷座而坐。</p>
<pid="two">金刚经第二品善现启请分
时长老须菩提。在大众中。即从座起。偏袒右肩。右膝着地。合掌恭敬。
而白佛言。希有世尊。如来善护念诸菩萨。善付嘱诸菩萨。
世尊。善男子。善女人。发阿耨多罗三藐三菩提心。应云何住，云何降伏其心。
佛言。善哉善哉。须菩提。如汝所说。如来善护念诸菩萨。善付嘱诸菩萨。汝今谛听。当为汝说。
善男子。善女人。发阿耨多罗三藐三菩提心。应如是住，如是降伏其心。唯然。世尊。愿乐欲闻。</p>
<pid="three">金刚经第三品大乘正宗分
佛告须菩提。诸菩萨摩诃萨。应如是降伏其心。
所有一切众生之类。若卵生。若胎生。若湿生。若化生。
若有色。若无色。若有想。若无想。若非有想。非无想。
我皆令入无余涅盘而灭度之。如是灭度无量无数无边众生。实无众生得灭度者。
何以故。须菩提。若菩萨有我相。人相。众生相。寿者相。即非菩萨。</p>
<!--到此描点超链接已经讲述完毕-->
<!--
作者：涛
时间：2020-07-15
描述：在css中的伪类超链接
css中的伪类超链接我们对超链接可以有不同的效果
a:link就是默认的样式为被点击前
a:visited被点击后的效果
a:hover鼠标移入后的效果
a:active就是点击时的效果
其中值css样式中还包含两个属性text-decoration:none清除超链接默认的下划线
text-decoration：underline鼠标移入是显示出下划线
-->
<ahref="http://www.baidu.com"target="_blank">百度</a>
<ahref="http://www.souhu.com"target="_self">搜狐</a>
<ahref="http://www.zcool.cn"target="_blank">站酷</a>
</body>
</html>以上就是css超链接的介绍，希望对大家有所帮助。更多css学习指路：css教程
本文教程操作环境：windows7系统、css3版，DELL G3电脑。
课程教程：css超链接是什么上一篇：css选择器之间的关系
下一篇：没有了
