之前的文章《手把手教你使用img標簽添加圖片效果(知識)》中,給大家介紹了怎樣使用img標簽添加圖片效果。下面本篇文章給大家?guī)Я私庖幌氯绾蝿?chuàng)建<a>點擊鏈接的方法,新手的伙伴們來看看吧。
<a>標簽:在HTML中是超級鏈接標簽,一般以“<a></a>
”成對的形式出現(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>可以包含圖片(之前的文章有詳細說圖片元素)。
代碼示例如下
<a href="https://www.php.cn"> <img src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg" width="200" height="200"> </a>
代碼效果圖如下
單擊上面任何一個鏈接,會發(fā)現(xiàn)新頁面都會在當前頁打開,當前頁會被覆蓋。有時我們不想謔當前頁被覆蓋掉,能不能讓它在新標簽頁里打開呢?
沒問題,我們可以用target屬性指定單擊跳轉(zhuǎn)方式。
target屬性:一共有以下幾個值,其中前兩項最常用
-
_blank
:在新窗口中打開; -
_self
:默認。在相同的框架中打開; -
_parent
:在父框架集中打開; -
_top
:在整個窗口中打開。
parent和top兩項涉及<iframe>
元素,可以暫時忽略,一般我們只是經(jīng)常用到target='_self'
和 target='_blank'
,分別用于在當前頁面打開,和在一個新的頁面打開。
現(xiàn)在我給大家代碼示例加上target=”_blank”
代碼示例
<a href="https://www.php.cn"target=”_blank”>php中文網(wǎng)</a>
這個鏈接在視覺上不會有任何變化,但是單擊它就會在新標簽頁中打開鏈接地址。
推薦學習:Html視頻教程