使用標簽,鏈接到另一個頁面


使用<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/”。

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM