溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關css超鏈接指的是什么的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
1、超鏈接可以跳轉到其他頁面，或者可以跳轉到本頁面的其他位置。
其他頁面：網上鏈接，自己寫的頁面
2、形式：<a></a> 級聯元素
3、屬性有href、url、target、_self和_blank。
href:目標位置的url
url：協議名://ip[:端口號/文件夾名/文件名]
target:跳轉到目標的方式
_self：在頁面打開鏈接 （默認方式）
_blank:在新的空白頁面打開鏈接
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>在html中的超鏈接講解</title>
</head>
<style>
@import url("style.css");
</style>
<body>
<!--
描述：在html中創建一個超鏈接使用a標簽
接下來我們來創建一個超連接
與此同時我們還可以設置圖片超連接
-->
<a href="#">我是一個超鏈接</a> <!--將超鏈接的屬性值設置為#就是回到頂部的意思-->
<a href="http://www.baidu.com">百度</a><!--在超鏈接中放置一個網址就是會實現跳轉網址的功能-->
<!--這是一個圖片超鏈接-->
<a href="http://www.baidu.com"><img src="picture/u=3007191037,3154212419&fm=15&gp=0.jpg" width="100px"/></a>
<!--在HTML中我們還可以設置目標窗口的彈出方式使用target屬性target屬性有兩個屬性值一個是_self在本窗口彈出
一個是_blank在新的窗口彈出
接下來我們來演示一下實際的效果
-->
<a href="http://www.zcool.cn" target="_self">站酷</a><!--我們現在設置為在本窗口彈出進入站酷的網站-->
<a href="http://www.google.com" target="_blank">谷歌</a><!--我們現在設置在新的窗口彈出-->
<!--在html中的描點超鏈接在html中創建描點超鏈接分為兩步在該屬性中我們使用到了id選擇器
語法：
<a href="#id名"></a>
<h4 id="one">我是一個三級標題</h4>
為描點超鏈接設置樣式準備條件
-->
<hr size="3" color="#7FFF00" />
<a href="#one">金剛經第一品</a>
<a href="#two">金剛經第二品</a>
<a href="#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 />
<p id="one">金剛經 第一品 法會因由分
如是我聞。一時佛在舍衛國。祗樹給孤獨園。
與大比丘眾。千二百五十人俱。爾時世尊。
食時。著衣持缽。入舍衛大城乞食。于其城中。次第乞已。還至本處。
飯食訖。收衣缽。洗足已。敷座而坐。</p>
<p id="two">金剛經 第二品 善現啟請分
時長老須菩提。在大眾中。即從座起。偏袒右肩。右膝著地。合掌恭敬。
而白佛言。希有世尊。如來善護念諸菩薩。善付囑諸菩薩。
世尊。善男子。善女人。發阿耨多羅三藐三菩提心。應云何住，云何降伏其心。
佛言。善哉善哉。須菩提。如汝所說。如來善護念諸菩薩。善付囑諸菩薩。汝今諦聽。當為汝說。
善男子。善女人。發阿耨多羅三藐三菩提心。應如是住，如是降伏其心。唯然。世尊。愿樂欲聞。</p>
<p id="three">金剛經 第三品 大乘正宗分
佛告須菩提。諸菩薩摩訶薩。應如是降伏其心。
所有一切眾生之類。若卵生。若胎生。若濕生。若化生。
若有色。若無色。若有想。若無想。若非有想。非無想。
我皆令入無余涅盤而滅度之。如是滅度無量無數無邊眾生。實無眾生得滅度者。
何以故。須菩提。若菩薩有我相。人相。眾生相。壽者相。即非菩薩。</p>
<!--到此描點超鏈接已經講述完畢-->
<!--
作者：濤
時間：2020-07-15
描述：在css中的偽類超鏈接
css中的偽類超鏈接我們對超鏈接可以有不同的效果
a:link 就是默認的樣式為被點擊前
a:visited 被點擊后的效果
a:hover 鼠標移入后的效果
a:active 就是點擊時的效果
其中值css樣式中還包含兩個屬性text-decoration:none清除超鏈接默認的下劃線
text-decoration：underline鼠標移入是顯示出下劃線
-->
<a href="http://www.baidu.com" target="_blank">百度</a>
<a href="http://www.souhu.com" target="_self">搜狐</a>
<a href="http://www.zcool.cn" target="_blank">站酷</a>
</body>
</html>感謝各位的閱讀！關于“css超鏈接指的是什么”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
