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

HTML入門之 a 標(biāo)簽【卡其漫畫3】

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

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

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

在卡其漫畫頁面上也有非常多的這樣的效果。如:

1593771759926_QQ截圖20200703182208.png

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


語法:

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

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

如:

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

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

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



猜你喜歡:

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

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



分享到:
在線咨詢 我要報(bào)名
和我們在線交談!