之前的文章《手把手教你使用img標(biāo)簽添加圖片效果（知識(shí)）》中，給大家介紹了怎樣使用img標(biāo)簽添加圖片效果。下面本篇文章給大家?guī)Я私庖幌氯绾蝿?chuàng)建<a>點(diǎn)擊鏈接的方法，新手的伙伴們來看看吧。

<a>標(biāo)簽：在HTML中是超級(jí)鏈接標(biāo)簽，一般以“<a></a>”成對(duì)的形式出現(xiàn)。

<a>功能：就是跳轉(zhuǎn)頁面，通過單擊一行文字跳轉(zhuǎn)新頁，它是HTML的核心功能。

href屬性：指定鏈接地址，在<a>元素內(nèi)部指定要顯示的文字。

代碼示例如下

<a href="https://www.php.cn">php中文網(wǎng)</a>

代碼效果圖如下

<a>不但可以包含文字，還可以包含其他元素，比如<h1>

代碼示例如下

<a href="https://www.php.cn"> <h1>我是PHP中文</h1> </a>

代碼效果圖如下

<a>可以包含圖片（之前的文章有詳細(xì)說圖片元素）。

代碼示例如下

<a href="https://www.php.cn"> <img src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg" width="200" height="200"> </a>

代碼效果圖如下

單擊上面任何一個(gè)鏈接，會(huì)發(fā)現(xiàn)新頁面都會(huì)在當(dāng)前頁打開，當(dāng)前頁會(huì)被覆蓋。有時(shí)我們不想謔當(dāng)前頁被覆蓋掉，能不能讓它在新標(biāo)簽頁里打開呢？

沒問題，我們可以用target屬性指定單擊跳轉(zhuǎn)方式。

target屬性：一共有以下幾個(gè)值，其中前兩項(xiàng)最常用

• _blank：在新窗口中打開；

• _self：默認(rèn)。在相同的框架中打開；

• _parent：在父框架集中打開；

• _top：在整個(gè)窗口中打開。

parent和top兩項(xiàng)涉及<iframe>元素，可以暫時(shí)忽略，一般我們只是經(jīng)常用到target='_self' 和 target='_blank'，分別用于在當(dāng)前頁面打開，和在一個(gè)新的頁面打開。

現(xiàn)在我給大家代碼示例加上target=”_blank”

代碼示例

<a href="https://www.php.cn"target=”_blank”>php中文網(wǎng)</a>

這個(gè)鏈接在視覺上不會(huì)有任何變化，但是單擊它就會(huì)在新標(biāo)簽頁中打開鏈接地址。

推薦學(xué)習(xí)：Html視頻教程