新手篇:如何用標籤製作連結(分享)

奋力向前
發布: 2021-07-30 17:15:48
原創
5461 人瀏覽過

之前的文章《手把手教你使用img標籤添加圖片效果(知識)》中,給大家介紹了怎樣使用img標籤添加圖片效果。以下這篇文章給大家帶了解如何創建點擊連結的方法,新手的伙伴們來看看吧。 <a></a>

新手篇:如何用<a>標籤製作連結(分享)

標籤:在HTML中是超級連結標籤,一般以「 <a></a>」成對的形式出現。

功能:就是跳到頁面,透過點擊一行文字跳到新頁,它是HTML的核心功能。

href屬性:指定連結位址,在<a></a>元素內部指定要顯示的文字。

程式碼範例如下

<a href="//m.sbmmt.com">php中文网</a>
登入後複製

程式碼效果圖如下

新手篇:如何用<a>標籤製作連結(分享)

#<a>不但可以包含文字,也可以包含其他元素,例如<h1>

程式碼範例如下

<a href="//m.sbmmt.com">
<h1>我是PHP中文</h1>
</a>
登入後複製

程式碼效果圖如下

新手篇:如何用<a>標籤製作連結(分享)

標籤製作連結(分享)" >標籤製作連結(分享)" title="162763474027335新手篇:如何用標籤製作連結(分享)" alt="新手篇:如何用標籤製作連結(分享)"/>

target屬性:一共有以下幾個值,其中前兩項最常用_blank

:在新視窗中開啟;

_self

:預設。在相同的框架中開啟;

_parent

:在父框架集中開啟;###############top# ##:在整個視窗中開啟。 ############parent和top兩項涉及###