html:(16):a标签
生活随笔
收集整理的這篇文章主要介紹了
html:(16):a标签
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
使用<a>標簽,鏈接到另一個頁面
使用<a>標簽可實現(xiàn)超鏈接,它在網(wǎng)頁制作中可以說是無處不在,只要有鏈接的地方,就會有這個標簽。
語法:
<a href="目標網(wǎng)址" title="鼠標滑過顯示的文本">鏈接顯示的文本</a>例如:
<a href="https://blog.csdn.net/weixin_43392489" title="點擊進入慕課網(wǎng)">click here!</a>上面例子作用是單擊click here!文字,網(wǎng)頁鏈接到https://blog.csdn.net/weixin_43392489這個網(wǎng)頁。
title屬性的作用,鼠標滑過鏈接文字時會顯示這個屬性的文本內(nèi)容。這個屬性在實際網(wǎng)頁開發(fā)中作用很大,主要方便搜索引擎了解鏈接地址的內(nèi)容(語義化更友好),如右側案例代碼(8-12行)。
注意:還有一個有趣的現(xiàn)象不知道小伙伴們發(fā)現(xiàn)了沒有,只要為文本加入a標簽后,文字的顏色就會自動變?yōu)樗{色(被點擊過的文本顏色為紫色),顏色很難看吧,不過沒有關系后面我們學習了css樣子就可以設置過來(a{color:#000}),后面會詳細講解。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>了不起的蓋茨比</title> </head> <body><ul><li><a href="#" title="前端開發(fā)面試心法">前端開發(fā)面試心法</a> </li><li><a href="#" title="零基礎學習html">零基礎學習html</a></li><li><a href="#" title="JavaScript全攻略">JavaScript全攻略</a></li></ul><p>1922年的春天,一個想要成名名叫尼克?卡拉威(托比?馬奎爾Tobey Maguire 飾)的作家,離開了美國中西部,來到了紐約。那是一個道德感漸失,爵士樂流行,走私為王,股票飛漲的時代。為了追尋他的美國夢,他搬入紐約附近一海灣居住。</p><p>菲茨杰拉德,二十世紀美國文學巨擘之一,兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時代"吟唱華麗挽歌,其詩人和夢想家的氣質(zhì)亦為那個奢靡年代的不二注解。</p> </body> </html>運行結果
在新建瀏覽器窗口中打開鏈接
<a>標簽在默認情況下,鏈接的網(wǎng)頁是在當前瀏覽器窗口中打開,有時我們需要在新的瀏覽器窗口中打開。
如下代碼:
<a href="目標網(wǎng)址"?target="_blank">click here!</a>
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>了不起的蓋茨比</title> </head> <body><p>1922年的春天,一個想要成名名叫尼克?卡拉威(<a href="https://blog.csdn.net/weixin_43392489" target="_blank">托比?馬奎爾Tobey Maguire </a>飾)的作家,離開了美國中西部,來到了紐約。那是一個道德感漸失,爵士樂流行,走私為王,股票飛漲的時代。為了追尋他的美國夢,他搬入紐約附近一海灣居住。</p><p>菲茨杰拉德,二十世紀美國文學巨擘之一,兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時代"吟唱華麗挽歌,其詩人和夢想家的氣質(zhì)亦為那個奢靡年代的不二注解。</p> </body> </html>運行結果
總結
以上是生活随笔為你收集整理的html:(16):a标签的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: java ffmpeg amr转wav_
- 下一篇: 手机无线上网何时进入战国时代?