5-2 使用<a>標簽為網頁添加超鏈接
發布時間:2021-03-04 17:21 編輯:√無∑情— 內容來源:收集于網絡
使用<a>標簽可實現超鏈接,它在網頁制作中可以說是無處不在,只要有鏈接的地方,就會有這個標簽。
語法:
title屬性的作用,鼠標滑過鏈接文字時會顯示這個屬性的文本內容。這個屬性在實際網頁開發中作用很大,主要方便搜索引擎了解鏈接地址的內容(語義化更友好),如右側案例代碼(11-13行)。
注意:還有一個有趣的現象不知道小伙伴們發現了沒有,只要為文本加入a標簽后,文字的顏色就會自動變為藍色(被點擊過的文本顏色為紫色),顏色很難看吧,不過沒有關系后面我們學習了css樣子就可以設置過來(a{color:#000}),后面會詳細講解。
語法:
<a href="目標網址" title="鼠標滑過顯示的文本">鏈接顯示的文本</a>
例如:
<a href="http://www.annabellespeaks.com" title="點擊進入57自學網">click here!</a>
上面例子作用是單擊click here!文字,網頁鏈接到http://www.annabellespeaks.com這個網頁。title屬性的作用,鼠標滑過鏈接文字時會顯示這個屬性的文本內容。這個屬性在實際網頁開發中作用很大,主要方便搜索引擎了解鏈接地址的內容(語義化更友好),如右側案例代碼(11-13行)。
注意:還有一個有趣的現象不知道小伙伴們發現了沒有,只要為文本加入a標簽后,文字的顏色就會自動變為藍色(被點擊過的文本顏色為紫色),顏色很難看吧,不過沒有關系后面我們學習了css樣子就可以設置過來(a{color:#000}),后面會詳細講解。
源代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a標簽</title>
</head>
<body>
<ul>
<li><a href="#" title="前端開發面試心法">前端開發面試心法</a> </li>
<li><a href="#" title="零基礎學習html">零基礎學習html</a></li>
<li><a href="#" title="JavaScript全攻略">JavaScript全攻略</a></li>
</ul>
<p>1922年的春天,一個想要成名名叫尼克•卡拉威(托比•馬奎爾<a href="http://www.annabellespeaks.com">Tobey Maguire</a> 飾)的作家,離開了美國中西部,來到了紐約。那是一個道德感漸失,爵士樂流行,走私為王,股票飛漲的時代。為了追尋他的美國夢,他搬入紐約附近一海灣居住。</p>
<p>菲茨杰拉德,二十世紀美國文學巨擘之一,兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時代"吟唱華麗挽歌,其詩人和夢想家的氣質亦為那個奢靡年代的不二注解。</p>
</body>
</html>
相關軟件
- 瀏覽器flash插件,恢復網站flash功能的方法
- Dreamweaver 2021 綠色免裝版
- 易企cms易優企業建站系統
- CorelDRAW X7 破解版/思杰馬克丁正版授權
- UE編輯器(UltraEdit32、64位)v2.5漢化綠色便攜破解版/思杰馬克丁正版授權
- photoshop2021正式破解版 v22.0.0中文版+快捷鍵大全
- solidworks2018中文破解版 64/32位_sp1免費版
- solidworks工程圖模板大全
- solidworks邁迪標準件庫破解版 v6.0 安裝版
- solidworks 2012 win8系統支持補丁
- solidworks標準件庫 solidworks2010
- solidworks2020破解文件 免費版
- SolidWorks材質庫大全
- SolidWorks 2011破解補丁 免費版
- SolidWorks2011 32位64位 中文破解版