全國(guó)咨詢(xún)/投訴熱線(xiàn):400-618-4000

首頁(yè)技術(shù)文章正文

HTML入門(mén)之 a 標(biāo)簽【卡其漫畫(huà)3】

更新時(shí)間:2020-07-03 來(lái)源:黑馬程序員 瀏覽量:

在平時(shí)上網(wǎng)的過(guò)程,我們也會(huì)發(fā)現(xiàn)有這樣的情況,我們使用鼠標(biāo)點(diǎn)擊某些文字或者圖片的時(shí)候會(huì)跳轉(zhuǎn)到另一個(gè)頁(yè)面,簡(jiǎn)單說(shuō)就是打開(kāi)一個(gè)新的頁(yè)面,那么像這樣的功能我們?nèi)绾螌?shí)現(xiàn)的呢?

接下重點(diǎn)給大家講解超鏈接標(biāo)簽:  a標(biāo)簽

在卡其漫畫(huà)頁(yè)面上也有非常多的這樣的效果。如:

1593771759926_QQ截圖20200703182208.png

像這樣的效果要實(shí)現(xiàn)其實(shí)是非常簡(jiǎn)單的。使用超鏈接標(biāo)簽就可以了。


語(yǔ)法:

<a href="跳轉(zhuǎn)頁(yè)面的地址"></a>

從上面的語(yǔ)法可以看出超鏈接的使用是比較簡(jiǎn)單的。我們想要讓某一個(gè)東西點(diǎn)擊能夠跳轉(zhuǎn),只需要使用a標(biāo)簽將這塊的內(nèi)容包裹起來(lái),然后在a標(biāo)簽中設(shè)置  如: href=“要跳轉(zhuǎn)的頁(yè)面的地址”

如:

我們?nèi)绻胍c(diǎn)擊文字跳轉(zhuǎn)到百度我們就可以這么做:

<a href="http://web.itheima.com">黑馬程序員</a>

如果是點(diǎn)擊圖片我們就可以放一張圖片,那圖片如何放上去,后面給大家講圖片標(biāo)簽的使用。



猜你喜歡:

HTML/CSS/Javascript分別是什么?【卡其漫畫(huà)項(xiàng)目1】

如何使用H標(biāo)簽?【卡其漫畫(huà)項(xiàng)目2】



分享到:
在線(xiàn)咨詢(xún) 我要報(bào)名
和我們?cè)诰€(xiàn)交談!