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_
- 下一篇： 手机无线上网何时进入战国时代？