HTML Link

Ang HTML ay gumagamit ng superlinks para maipagsama sa ibang dokumento sa web.

Maaring makita ang mga link sa halos lahat ng web page. Maaari kang i-click ang link para lumipat mula sa isang pahina hanggang sa isa.

Mga halimbawa

Gumawa ng Superlink
Ang halimbawa na ito ay nagpapakita kung paano gumawa ng link sa HTML dokumento.
Gumamit ng Larawan bilang Link
Ang halimbawa na ito ay nagpapakita kung paano gamitin ang larawan bilang link.

(Maaari mong makita ang mga halimbawa sa ibaba ng pahina.)

HTML Hyperlink (Link)

Ang hyperlinks ay maaaring maging isang titik, isang salita, o isang grupo ng mga salita, o maaaring maging isang larawan, at maaari mong i-click ang mga nilalaman para lumipat sa bagong dokumento o sa anumang bahagi ng kasalukuyang dokumento.

Kapag inililipat ang pointer ng mouse sa ilalim ng anumang link sa web page, ang pana ng kusina ay magiging isang maliit na kamay.

Amin sa paggamit ng <a> tag sa HTML para gumawa ng link.

May dalawang paraan ng gumamit ng tag na <a>:

  1. Gamit ang atributo ng href - gumawa ng link papunta sa ibang dokumento
  2. Gamit ang atributo ng name - gumawa ng bookmark sa loob ng dokumento

Mga mas masusunod na pagbabasa:Ano ang hyper text?

Mga gramatika ng HTML link

Ang HTML code ng link ay napakasimple. Ito ay katulad ng ganito:

<a href="url">Link text</a>

Ang atributo ng href ay nagpapahintulot sa pagtatalaga ng target ng link.

Ang teksto sa gitna ng simbolo ng panimula at pagtatapos ay ipapakita bilang superlink.

Mga halimbawa

<a href="http://www.codew3c.com/">Bisita ang CodeW3C.com</a>

Ang linya na ito ay ipapakita bilang:Bisita ang CodeW3C.com

Ang pagklik sa link na ito ay magdadala ng gumagamit sa CodeW3C.com.

提示："Link text" ay hindi dapat maging teksto lamang. Ang larawan o anumang HTML element ay maaaring maging link.

HTML Link - atributo ng Target

Gamit ang atributo ng Target, maaaring pagbigay mo ng lugar kung saan ipapakita ang dokumentong nilinlangan ng link.

Ang linya na ito ay magbukas ng dokumento sa bagong bintana:

<a href="http://www.codew3c.com/" target="_blank">Bisita ang CodeW3C.com!</a>

Subukan natin ito!

HTML Link - atributo ng name

Ang atributo ng name ay nagpapahintulot sa pagtatalaga ng pangalan ng anchor (anchor).

Maaaring gamitin ka ang atributo ng name upang gumawa ng bookmark sa HTML pahina.

Ang bookmark ay hindi magiging nakikita ng anumang espesyal na paraan, ito ay hindi nakikita ng mga mambabasa.

Kapag gumagamit ng pangalan ng anchor (named anchors), maaari naming gumawa ng link na direktang pumunta sa pangalan ng anchor (tulad ng anumang maliit na bahagi ng pahina), kaya hindi kailangan ng gumagamit ng magtagal na magrolumpon sa pahina para hanapin ang kanilang nais na impormasyon.

Mga gramatika ng pangalan ng anchor:

<a name="label">Anchor (ang teksto na ipapakita sa pahina)</a>

提示：Ang pangalan ng anchor ay maaaring maging anumang pangalan na gustong gamitin mo.

提示：Maaaring gamitin ka ang atributo ng id upang kahalili ng atributo ng name, ang pangalan ng anchor ay magiging epektibo din.

Mga halimbawa

Unang ginawa natin ang pangalan ng anchor sa HTML dokumento (gumawa ng bookmark):

<a name="tips">Pangunahing pansin - mayakang paalala</a>

Pagkatapos, gumawa tayo ng link na papunta sa anchor sa parehong dokumento:

<a href="#tips">Mayakang paalala</a>

Maaaring magsimula ka ng gumawa ng link na papunta sa anchor sa ibang pahina:

<a href="http://www.codew3c.com/html/html_links.asp#tips"">有用的提示</a>

在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。

具体效果：有用的提示

基本的注意事项 - 有用的提示：

注释：请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.codew3c.com/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.codew3c.com/html/"。

提示：命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚，然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科，您会发现其中几乎每个词条都采用这样的导航方式。

提示：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。

更多实例

在新的浏览器窗口打开链接
本例演示如何在新窗口打开一个页面，这样的话访问者就无需离开你的站点了。
链接到同一个页面的不同位置
本例演示如何使用链接跳转至文档的另一个部分
跳出框架
本例演示如何跳出框架，假如你的页面被固定在框架之内。
创建电子邮件链接
本例演示如何链接到一个邮件。（本例在安装邮件客户端程序后才能工作。）
创建电子邮件链接 2
本例演示更加复杂的邮件链接。

HTML 链接标签

标签 描述
<a> 定义锚。