使用<a>標簽,鏈接到另一個頁面
使用<a>
標簽可實現超鏈接,它在網頁制作中可以說是無處不在,只要有鏈接的地方,就會有這個標簽。
語法:
<a href="目標網址" title="鼠標滑過顯示的文本">鏈接顯示的文本</a>
例如:
<a href="http://www.imooc.com" title="點擊進入慕課網">click here!</a>
上面例子作用是單擊click here!
文字,網頁鏈接到http://www.imooc.com
這個網頁。
title屬性的作用,鼠標滑過鏈接文字時會顯示這個屬性的文本內容。這個屬性在實際網頁開發中作用很大,主要方便搜索引擎了解鏈接地址的內容(語義化更友好),如右側案例代碼(8-12行)。
注意:還有一個有趣的現象不知道小伙伴們發現了沒有,只要為文本加入a標簽后,文字的顏色就會自動變為藍色(被點擊過的文本顏色為紫色),顏色很難看吧,不過沒有關系后面我們學習了css樣子就可以設置過來(a{color:#000}),后面會詳細講解。
任務
在右部編輯器中的第13
行的“托比·馬奎爾Tobey Maguire”這幾個字做鏈接,鏈接到的目標網址為“http://www.m1905.com/mdb/star/3316/
”。