ການຫົກຫຼີກ HTML

HTML 使用超级链接与网络上的另一个文档相连。

几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

ຕົວຢ່າງ

创建超级链接
本例演示如何在 HTML 文档中创建链接。
将图像作为链接
本例演示如何使用图像作为链接。

可以在本页底端找到更多实例

HTML 超链接(链接)

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

ເມື່ອເຈົ້າຍ້າຍຄູ່ມືຂອງມັນໄປໃນພວງມາທາງໃນເວັບໄຊທີ່ໜຶ່ງຫນື່ງທີ່ພວກເຮົາຄົ້ນຫາມັນຈະປ່ຽນໄປຫາຄູ່ມືຂອງມັນຫນື່ງປາກ.

ພວກເຮົາໄດ້ສ້າງພວງມາທາງໃນ HTML ທີ່ໃຊ້ <a> ຕາມ.

}}

  1. ມີສອງວິທີທີ່ຈະນຳໃຊ້ <a> Tag:
  2. ຜ່ານການໃຊ້ປະສານ href - ສ້າງລາຍການໄປຫາເວັບໄຊອື່ນໆ

ຜ່ານການໃຊ້ປະສານ name - ສ້າງບູກໃນເອກະສານອ່ານຂ່າວຂັດຂ້ອງ:

ຫຍັງຈະເປັນ HyperText?

ວິກິດຈະກຳ HTML Link

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

href Attribute ແມ່ນກຳນົດບ່ອນທີ່ຈະທີ່ມາ.

ຂໍ້ຄວາມທີ່ຢູ່ລະຫວ່າງຕົວແທນເລີ່ມ ແລະຕົວແທນສິ້ນສຸດຈະຖືກເປັນລາຍການສະຫຼາກ.

ຕົວຢ່າງ

<a href="http://www.codew3c.com/">ຢືອນ CodeW3C.com</a>

ການຄົ້ນຫານີ້ຈະສະແດງຄືນັ້ນ:ຢືອນທີ່ CodeW3C.com

ການຄົ້ນຫານີ້ຈະນຳຜູ້ໃຊ້ໄປ CodeW3C.com.

提示:"Text of the link" ບໍ່ຕ້ອງຈະແມ່ນຂໍ້ຄວາມພຽງພໍ. ພາບຫຼືປະເພດ HTML ອື່ນໆກໍ່ສາມາດເປັນລາຍການ.

HTML Link - target Attribute

ທ່ານສາມາດກໍານົດບ່ອນທີ່ຈະສະແດງເວັບໄຊທີ່ຈະຖືກທີ່ກ່ຽວກັບລາຍການ.

ການຄົ້ນຫານີ້ຈະເປີດໃນປ່ອງໃໝ່:

<a href="http://www.codew3c.com/" target="_blank">ຢືອນທີ່ CodeW3C.com!</a>

ຕື່ມຕົວຢ່າງ

HTML Link - name Attribute

ປະສານ name ແມ່ນກຳນົດຊື່ບູກ.

ທ່ານສາມາດນຳໃຊ້ປະສານ name ເພື່ອສ້າງບູກໃນເວັບໄຊ HTML.

ບູກຈະບໍ່ສະແດງໃນວິວັດທະນາຄານໃດໆ ແລະຈະບໍ່ສາມາດເຫັນໄດ້ໂດຍຜູ້ອ່ານ.

ບ່ອນທີ່ພວກເຮົາຈະສ້າງລາຍການທີ່ຂຶ້ນຫາບູກຊື່ (ອີງຕາມບາງບົດສານໃນເວັບໄຊ) ແລະຜູ້ໃຊ້ຈະບໍ່ຕ້ອງຂາດຂາດໜ້າເວັບໄຊເພື່ອຄົ້ນຫາຂໍ້ມູນທີ່ຕ້ອງການ.

ສິ່ງທີ່ຈະນຳໃຊ້ບູກຊື່:

<a name="label">ບູກ (ຈະສະແດງໃນໜ້າເວັບໄຊ)</a>

提示:ຊື່ບູກສາມາດແມ່ນຊື່ທີ່ທ່ານມັກ.

提示:ທ່ານສາມາດນຳໃຊ້ປະສານ id ແທນປະສານ name ແລະຊື່ນບູກກໍ່ຈະມີຜົນດີ.

ຕົວຢ່າງ

ກ່ອນເທື່ອພວກເຮົາຈະຊື່ນບູກຂອງອານຸກົມໃນເອກະສານ HTML (ສ້າງບູກ):

<a name="tips">ຂໍ້ສົນໃຈພື້ນຖານ - ຄວາມຊ່ວຍເຫຼືອ</a>

ຫຼັງຈາກນັ້ນພວກເຮົາຈະສ້າງລາຍການທີ່ຂຶ້ນຫາອານຸກົມນີ້ໃນເອກະສານດຽວກັນ:

<a href="#tips">ຄວາມຊ່ວຍເຫຼືອ</a>

ທ່ານສາມາດສ້າງລາຍການທີ່ຂຶ້ນຫາອານຸກົມນີ້ໃນບາງເວັບໄຊອື່ນໆ:

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

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

具体效果:有用的提示

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

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

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

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

更多实例

在新的浏览器窗口打开链接
ການເປີດຫນ້າເວັບໃນປ່າວິດີໂອບັນດາ. (ຄວາມທີ່ສະແດງນີ້ຈະຫນ້າມາຫນັງຂອງຜູ້ເຂົ້າຫນ້າເວັບບໍ່ຈະຕ້ອງອອກຈາກຫນ້າເວັບຂອງເຈົ້າ.)
ການຫນ້າມາຫນັງຂອງຫນ້າເວັບດຽວກັນ
ຄວາມທີ່ສະແດງວ່ານວຍຄວາມທີ່ຈະຫນ້າມາຫນັງຂອງບັນດາຂໍ້ມູນຂອງໂປຣແພັກ.
ການອອກຈາກການເຕີມກາງ
ຄວາມທີ່ສະແດງວ່ານວຍຄວາມອອກຈາກການເຕີມກາງຂອງຫນ້າເວັບ. (ຄວາມທີ່ສະແດງນີ້ຈະມີການເຮັດໃຊ້ຫນຶ່ງພາຍໃນການຕິດຕັ້ງຄອນເຄຣິນຕັນສະມຸດອີເມວ.)
ການສ້າງທໍານາຍອີເມວ
ຄວາມທີ່ສະແດງວ່ານວຍຄວາມກັບອີເມວ. (ຄວາມທີ່ສະແດງນີ້ຈະມີການເຮັດໃຊ້ຫນຶ່ງພາຍໃນການຕິດຕັ້ງຄອນເຄຣິນຕັນສະມຸດອີເມວ.)
ການສ້າງທໍານາຍອີເມວ 2
ຄວາມທີ່ສະແດງຫນຶ່ງການກ່ຽວຂ້ອງອັບສະຍາລັກທີ່ຫຼາຍກວ່າ.

ອັບພິດ HTML ການເຊື່ອມຕໍ່

ອັບພິດ ການອະທິບາຍ
<a> ການອະທິບາຍຂອງອັບພິດ