ਐੱਚਟੀਐੱਲ <a> ਟੈਗ

ਵਰਣਨ ਅਤੇ ਵਰਤੋਂ

<a> ਟੈਗ ਇੱਕ ਸੁਪਰਲਿੰਕ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ ਜਿਸ ਨਾਲ ਇੱਕ ਪੰਨੇ ਤੋਂ ਦੂਜੇ ਪੰਨੇ ਤੱਕ ਲਿੰਕ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。

<a> ਐਲੀਮੈਂਟ ਦਾ ਮਹੱਤਵਪੂਰਨ ਪ੍ਰਤੀਯੋਗਿਤਾ ਹੈ href ਪ੍ਰਤੀਯੋਗਿਤਾਇਹ ਲਿੰਕ ਦੇ ਮੰਤਰ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ。

ਮੂਲ ਰੂਪ ਵਿੱਚ ਲਿੰਕ ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਇਆ ਜਾਵੇਗਾ:

  • ਜਿਸ ਨੂੰ ਦੇਖਿਆ ਨਹੀਂ ਗਿਆ ਹੈ ਉਹ ਸ਼ਾਨਦਾਰ ਰੰਗ ਦਾ ਅਤੇ ਹਵਾਲਾ ਦਿੱਤਾ ਗਿਆ ਹੈ
  • ਜਿਸ ਨੂੰ ਦੇਖਿਆ ਗਿਆ ਹੈ ਉਹ ਹਲੇਓ ਰੰਗ ਦਾ ਅਤੇ ਹਵਾਲਾ ਦਿੱਤਾ ਗਿਆ ਹੈ
  • ਜਿਸ ਦਾ ਲਿੰਕ ਹੈ ਉਹ ਨੀਲੇ ਰੰਗ ਦਾ ਅਤੇ ਹਵਾਲਾ ਦਿੱਤਾ ਗਿਆ ਹੈ

提示：ਤੁਸੀਂ ਸੰਭਵਤਾ ਨਾਲ ਨੋਟ ਕਰ ਸਕਦੇ ਹੋ ਕਿ CodeW3C.com ਸਾਈਟ ਵਿੱਚ ਲਿੰਕ ਦਾ ਰੂਪ ਮੂਲ ਲਿੰਕ ਰੂਪ ਨਾਲ ਬਹੁਤ ਅੰਤਰ ਹੈ। ਤੁਸੀਂ ਇਸ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ CSS ਪਸੰਦ ਟੈਕਸਟ ਅਨੁਸੂਚੀ ਲਿੰਕ ਨੂੰ ਵਿਵਿਧ ਅਤੇ ਕੰਮਯੋਗ ਸਟਾਈਲ ਜੋੜੋ。

ਹੋਰ ਦੇਖੋ:

HTML ਸਿੱਖਿਆਦਾਨ:HTML ਲਿੰਕ

HTML DOM ਜਾਣਕਾਰੀ ਕਿਤਾਬ:ਐਂਕਰ ਆਬਜੈਕਟ

CSS ਸਿੱਖਿਆਦਾਨ:ਲਿੰਕ ਸਟਾਈਲ

ਸ਼ਬਦਾਵਲੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

ਕੀ ਸੁਪਰਟੈਕਸਟ ਹੈ?

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

codew3c.com ਦਾ ਲਿੰਕ ਬਣਾਓ:

<a href="https://www.codew3c.com">codew3c.com! ਦਾ ਲਿੰਕ ਬਣਾਓ</a>

亲自试一试

ਉਦਾਹਰਣ 2

ਕਿਵੇਂ ਚਿੱਤਰ ਨੂੰ ਲਿੰਕ ਵਜੋਂ ਵਰਤਣਾ ਹੈ:

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="w3logo.png" width="400" height="225">
</a>

亲自试一试

ਉਦਾਹਰਣ 3

ਕਿਵੇਂ ਨਵੇਂ ਬਰਾਉਜ਼ਰ ਵਿੰਡੋ ਵਿੱਚ ਲਿੰਕ ਖੋਲ੍ਹੋ:

<a href="https://www.codew3c.com" target="_blank">codew3c.com! ਦੀ ਸੁਚਾਰੂ ਪਰਵਾਹ ਕਰੋ</a>

亲自试一试

ਉਦਾਹਰਣ 4

ਕਿਵੇਂ ਈ-ਮੇਲ ਸਰਕਾਰੀ ਨਾਲ ਲਿੰਕ ਕਰੋ:

<a href="mailto:someone@example.com">ਈ-ਮੇਲ ਭੇਜੋ</a>

亲自试一试

ਉਦਾਹਰਣ 5

ਕਿਵੇਂ ਫੋਨ ਨੰਬਰ ਨਾਲ ਲਿੰਕ ਕਰੋ:

<a href="tel:+8613888888888">+86 138 8888 8888</a>

亲自试一试

例子 6

如何链接到同一页上的另一个部分：

<a href="#section2">转到第二章</a>

亲自试一试

例子 7

如何链接到 JavaScript：

<a href="javascript:alert('Hello World!');">执行 JavaScript</a>

亲自试一试

提示和注释

提示：如果 <a> 标签没有 href 属性，它只是一个超链接的占位符。

提示：被链接的页面通常显示在当前浏览器窗口中，除非您规定了另一个目标（用 target 属性）。

提示：请使用 CSS 设置链接的样式：CSS ਲਿੰਕ 和 CSS ਬਟਨ。

属性

属性 值 描述
download 文件名 规定当用户单击超链接时将下载目标。
href URL 规定链接指向的页面的 URL。
hreflang 语言代码 规定被链接文档的语言。
media 媒体查询 规定被链接文档是为何种媒介/设备优化的。
ping URL 列表 规定以空格分隔的 URL 列表，当链接被访问时，浏览器将发送带有 ping 正文的 POST 请求（在后台发送）。通常用于跟踪。
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 规定要与链接一起发送的引用信息。
rel
  • alternate
  • author
  • bookmark
  • external
  • help
  • license
  • next
  • nofollow
  • noreferrer
  • noopener
  • prev
  • search
  • tag
 规定当前文档和被链接文档之间的关系。
target
  • _blank
  • _parent
  • _self
  • _top
 规定在何处打开被链接文档。
type 媒体类型 规定被链接文档的媒体类型。

全局属性

<a> 标签还支持 HTML 中的全局属性。

事件属性

<a> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <a> 元素：

a:link, a:visited {
  color: (ਅੰਦਰੂਨੀ ਮੁੱਲ);
  text-decoration: underline;
  cursor: auto;
}
a:link:active, a:visited:active {
  color: (ਅੰਦਰੂਨੀ ਮੁੱਲ);
}

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੋਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ