HTML <a> href 属性

علامة <a> HTML

定义和用法

href 属性规定链接指向的页面的 URL。

href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。

如果 href 属性不存在，则 <a> 标签将不是超链接。

Tuntuba:您可以使用 href="#top" 或 href="#" 链接到当前页面的顶部！

制作文本链接

一个引用其他文档的简单 <a> 标签可以是下列形式：

<a href="http://www.codew3c.com/index.html">CodeW3C.com 在线教程</a>

浏览器用特殊效果显示短语“CodeW3C.com 在线教程”（通常是带下划线的蓝色文本），这样用户就会知道它是一个可以链接到其他文档的超链接。就像这样：

CodeW3C.com تربيع في الخط

用户还可以利用浏览器中的选项来自己指定文本颜色、设置链接前和链接后链接文本的颜色。

Tuntuba:An iya amfani da CSS kuma-mai-fitadon kama rarraba na tsakiyi na nau'ikan rarraba na tekst.

An kama rarraba na imaji

An kama rarraba na imaji na tsawon zai iya gudana zuwa rarraba na farko na W3school. wannan LOGO ita ce rarraba na imaji, kuma idan a ci, zai iya gudana zuwa rarraba na farko na W3school:

<a href="http://www.codew3c.com/index.html">
<img src="/i/codew3c_logo_white.gif" />
</a>

Duba kuma: wannan koda za a kama likita mai kammala shi zuwa rarraba na farko na CodeW3C.com:

CodeW3C.com تربيع في الخط

Duba kuma: Dukkanin mai yawan taurari na imaji suna kama nau'ikan rarraba da ke kusa da imaji a matsayin nau'ikan rarraba. Ta hanyar amfani da <img> tag, zai iya kama nau'ikan rarraba na imaji. aiki rarrabaAn gani 0 za a cire nau'ikan rarraba likita. Za a iya amfani da Tsarin rarraba CSSdon gajiwa cikakken kuma mai sauri samar da yanayin nau'ikan rarraba.

Shafi

Tarihin 1

href aiki ya rarraba ga kwayar aiki likita:

<a href="https://www.codew3c.com">guduwa zuwa CodeW3C.com</a>

Try it yourself

Tarihin 2

Kannan bayanar siffar da yana kaiwa na amfani da imaji a matsayin likita:

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

Try it yourself

Tarihin 3

Kannan bayanar siffar da yana kaiwa na adarin imel:

<a href="mailto:someone@example.com">Rannu Imel</a>

Try it yourself

Tarihin 4

Kannan bayanar siffar da yana kaiwa na nassara zinarewa:

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

Try it yourself

Tarihin 5

Kannan bayanar siffar da yana kaiwa da yankin da yake shi na wannan shafin:

<a href="#section2">sokoto Babbari</a>

Try it yourself

Tarihin 6

Kannan bayanar JavaScript:

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

Try it yourself

Syntax

<a href="URL">

Attribute value

Value Description
URL

The URL of the link.

Possible values:

  • Absolute URL - points to another website (such as href="http://www.example.com/index.html")
  • Relative URL - points to a file within the website (such as href="index.html")
  • Link to an element in the page with a specified id (such as href="#section2")
  • Other protocols (such as https://, ftp://, mailto:, file: etc.)
  • Scripts (such as href="javascript:alert('Hello');")

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

علامة <a> HTML