使用<a>
標簽可實現超鏈接,它在網頁制作中可以說是無處不在,只要有鏈接的地方,就會有這個標簽。
語法:
<a href="目標網址" title="鼠標滑過顯示的文本">鏈接顯示的文本</a>
例如:
<a href="http://www.xianlaiwan.cn" title="點擊進入慕課網">click here!</a>
上面例子作用是單擊click here!
文字,網頁鏈接到http://www.xianlaiwan.cn
這個網頁。
title屬性的作用,鼠標滑過鏈接文字時會顯示這個屬性的文本內容。這個屬性在實際網頁開發中作用很大,主要方便搜索引擎了解鏈接地址的內容(語義化更友好),如右側案例代碼(11-13行)。
注意:還有一個有趣的現象不知道小伙伴們發現了沒有,只要為文本加入a標簽后,文字的顏色就會自動變為藍色(被點擊過的文本顏色為紫色),顏色很難看吧,不過沒有關系后面我們學習了css樣子就可以設置過來(a{color:#000}),后面會詳細講解。
在右部編輯器中的第15行的“托比·馬奎爾Tobey Maguire”這幾個字做鏈接,鏈接到的目標網址為“http://www.m1905.com/mdb/star/3316/
”。
<a>標簽的語法是否忘記了?
1、<a href="目標網址">鏈接顯示的文本</a>
2、不要忘記寫了"http://
"
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報