ການເຊື່ອມໂຍງເວັບເພຈ(Hyperlink) ແມ່ນການກຳນົດຂໍ້ຄວາມ ຫຼືຮູບພາບໃຫ້ເປັນຈູດຂອງການເຊື່ອມໂຍງໄປຍັງ
ເນື້ອຫາຕ່າງໆ ເຊິ່ງເນື້ອຫານັ້ນອາດຈະຢູ່ໃນໜ້າເວັບເພຈດຽວກັນໃນເວັບໄຊດຽວ ຫຼືເວັບເພຈທີ່ຢູ່ເວັບໃຊ້ອື່ນກໍ່ໄດ້
ໂດຍການເຂື່ອມໂຍງເວັບເພຈຈະມີ 2 ແບບຄື: ການເຊື່ອມໂຍງພາຍໃນເວັບເພຈດຽວກັນ,ການເຊື່ອມໂຍງພາຍໃນ
ເວັບໄຊດຽວກັນ,ການເຊື່ອມໂຍງໄປຍັງເວັບໄຊອື່ນ,ການເຊື່ອມໂຍງເພື່ອສົ່ງອີເມລ,ການເຊື່ອມໂຍງເພື່ອດາວໂຫຼດ
9.1 ການເຊື່ອມໂຍງພາຍໃນໜ້າເວັບເພຈດຽວກັນ.
ໃນໜ້າເວັບເພຈທີ່ມີການນຳສະເໜີຂໍ້ມູນເປັນຈຳນວນຫຼວງຫຼາຍໃນໜ້າເວັບດຽວ ເຮັດໃຫ້ໜ້າເວັບມີຄວາມຍາວ ແລະ
ເວລາເບິ່ງຂໍ້ມູນກໍ່ຕ້ອງໃຊ້ເມົ້າເລື່ອນແຖບເລື່ອນເພື່ອເບິ່ງຂໍ້ມູນ.
ນອກຈາກການໃຊ້ເມົ້າເລື່ອນແຖບເລື່ອນແລ້ວ ນັກອອກແບບເວັບເພຈອາດຈະສ້າງຈຸດການເຊື່ອມໂຍງໄວ້ໃນໜ້າເວັບ
ບ່ອນໃດບ່ອນໜຶ່ງທີ່ເໝາະສົມ ໂດຍການສ້າງຈະຕ້ອງກຳນົດ 2 ຢ່າງຄື: ຈຸດຕົ້ນທາງຂອງການເຊື່ອມໂຍງແລະປາຍທາງ
ການເຊື່ອມໂຍງເຊິ່ງມີວິທີການສ້າງດັ່ງນີ້:
ເນື້ອຫາຕ່າງໆ ເຊິ່ງເນື້ອຫານັ້ນອາດຈະຢູ່ໃນໜ້າເວັບເພຈດຽວກັນໃນເວັບໄຊດຽວ ຫຼືເວັບເພຈທີ່ຢູ່ເວັບໃຊ້ອື່ນກໍ່ໄດ້
ໂດຍການເຂື່ອມໂຍງເວັບເພຈຈະມີ 2 ແບບຄື: ການເຊື່ອມໂຍງພາຍໃນເວັບເພຈດຽວກັນ,ການເຊື່ອມໂຍງພາຍໃນ
ເວັບໄຊດຽວກັນ,ການເຊື່ອມໂຍງໄປຍັງເວັບໄຊອື່ນ,ການເຊື່ອມໂຍງເພື່ອສົ່ງອີເມລ,ການເຊື່ອມໂຍງເພື່ອດາວໂຫຼດ
9.1 ການເຊື່ອມໂຍງພາຍໃນໜ້າເວັບເພຈດຽວກັນ.
ໃນໜ້າເວັບເພຈທີ່ມີການນຳສະເໜີຂໍ້ມູນເປັນຈຳນວນຫຼວງຫຼາຍໃນໜ້າເວັບດຽວ ເຮັດໃຫ້ໜ້າເວັບມີຄວາມຍາວ ແລະ
ເວລາເບິ່ງຂໍ້ມູນກໍ່ຕ້ອງໃຊ້ເມົ້າເລື່ອນແຖບເລື່ອນເພື່ອເບິ່ງຂໍ້ມູນ.
ນອກຈາກການໃຊ້ເມົ້າເລື່ອນແຖບເລື່ອນແລ້ວ ນັກອອກແບບເວັບເພຈອາດຈະສ້າງຈຸດການເຊື່ອມໂຍງໄວ້ໃນໜ້າເວັບ
ບ່ອນໃດບ່ອນໜຶ່ງທີ່ເໝາະສົມ ໂດຍການສ້າງຈະຕ້ອງກຳນົດ 2 ຢ່າງຄື: ຈຸດຕົ້ນທາງຂອງການເຊື່ອມໂຍງແລະປາຍທາງ
ການເຊື່ອມໂຍງເຊິ່ງມີວິທີການສ້າງດັ່ງນີ້:
9.1.1 ການສ້າງປາຍທາງຂອງການເຊື່ອມໂຍງ.
ເຮົາຈະໃຊ້ແທັກ(Tag) <a> ໂດຍເພີ່ມຄຳສັ່ງ(Attribute) ທີ່ຊື່ວ່າ name ແລ້ວກຳນົດຄ່າເປັນຊື່ປາຍທາງຂອງການ
ເຊື່ອມໂຍງ
<a name="ຊື່ປາຍທາງຂອງການເຊື່ອມໂຍງ">
9.1.2 ການສ້າງຕົ້ນທາງຂອງການເຊື່ອມໂຍງ.
ແມ່ນເຮົາຈະໃຊ້ແທັກ <a> ໂດຍການເພີ່ມຄຳສັ່ງ href ແລ້ວກຳນົດຄ່າເປັນຊື່ປາຍທາງຂອງການເຊື່ອມໂຍງພ້ອມກັບ
ພິມເຄື່ອງໝາຍ # ນຳໜ້າ
<a href="#ຊື່ປາຍທາງຂອງການເຊື່ອມໂຍງ">ຂໍ້ຄວາມທີ່ເປັນຈຸດການເຊື່ອມໂຍງ</a>
ຕົວຢ່າງ:
ເຮົາຈະໃຊ້ແທັກ(Tag) <a> ໂດຍເພີ່ມຄຳສັ່ງ(Attribute) ທີ່ຊື່ວ່າ name ແລ້ວກຳນົດຄ່າເປັນຊື່ປາຍທາງຂອງການ
ເຊື່ອມໂຍງ
<a name="ຊື່ປາຍທາງຂອງການເຊື່ອມໂຍງ">
9.1.2 ການສ້າງຕົ້ນທາງຂອງການເຊື່ອມໂຍງ.
ແມ່ນເຮົາຈະໃຊ້ແທັກ <a> ໂດຍການເພີ່ມຄຳສັ່ງ href ແລ້ວກຳນົດຄ່າເປັນຊື່ປາຍທາງຂອງການເຊື່ອມໂຍງພ້ອມກັບ
ພິມເຄື່ອງໝາຍ # ນຳໜ້າ
<a href="#ຊື່ປາຍທາງຂອງການເຊື່ອມໂຍງ">ຂໍ້ຄວາມທີ່ເປັນຈຸດການເຊື່ອມໂຍງ</a>
ຕົວຢ່າງ:
<p>
<a href="#html">HTML ແມ່ນຫຍັງ?</a><br />
<a href="#html">HTML ແມ່ນຫຍັງ?</a><br />
<a href="#structure">ໂຄງສ້າງຂອງພາສາ HTML
ມີຄືແນວໃດ?</a><br />
<a href="#tag">Tag ຄຳສັ່ງພາສາ HTML
ມີຫຍັງແດ່?</a>
</p>
</p>
<p>HTML<a name="html"></a></p>
<p>ພາສາ HTML
ຫຍໍ້ມາຈາກ HyperText Markup Language ເປັນພາສາຄອມພິວເຕີອີກພາສາໜຶ່ງທີ່ມີໂຄງ
ສ້າງການຂຽນໂດຍອາໃສຕົວກຳກັບ(Tag)
ເປັນຕົວຄວບຄຸມການສະແດງຜົນຂໍ້ຄວາມ,ຮູບພາບ,ອົງປະກອບອື່ນໆ
ຜ່ານໂປຣແກຣມປະເພດ ເວັບບຣາວເຊີ. ໃນແຕ່ລະ Tag ອາດຈະມີສ່ວນຂະຫຍາຍ(Attribute) ສຳລັບກຳນົດ
ຫລື
ຄວບຄຸມການສະແດງຜົນຂອງເວັບໃຫ້ເປັນໄປຕາມທີ່ຜູ້ອອກແບບເວັບໄຊກຳນົດໄວ້.</p>
<p>ໂຄງສ້າງຂອງພາສາ HTML<a
name="structure"></a></p>
<p>ສຳລັບຄຳສັ່ງ ຫຼື Tag ໃນພາສາ HTML ປະກອບດ້ວຍເຄື່ອງໝາຍນ້ອຍກວ່າ
“< ” ຕາມດ້ວຍຄຳສັ່ງ
ແລະ ປິດທ້າຍດ້ວຍເຄື່ອງໝາຍໃຫຍ່ກວ່າ “
> ” ເປັນສ່ວນທີ່ເຮັດໜ້າທີ່ຕົບແຕ່ງຂໍ້ຄວາມເພື່ອສະແດງຜົນ,
ໂດຍທົ່ວໄປຄຳສັ່ງພາສາ HTML
ຈະຢູ່ເປັນຄູ່,ມີພຽງບາງຄຳສັ່ງເທົ່ານັ້ນທີ່ມີພຽງຄຳສັ່ງດຽວ,ໃນແຕ່ລະຄູ່ຄຳສັ່ງ
ຈະມີຄຳສັ່ງເປີດ(Tag ເປີດ) ແລະ ຄຳສັ່ງປິດ(Tag
ປິດ)
ມີຮູບແບບເໝືອນກັນ ຕ່າງແຕ່ໃນສ່ວນຂອງ
ຄຳສັ່ງປິດຈະມີເຄື່ອງໝາຍ
/ ນຳໜ້າຄຳສັ່ງ ແລະ ໃນແຕ່ລະຄຳສັ່ງເປີດອາດຈະມີສ່ວນຂະຫຍາຍທີ່ຂຽນດ້ວຍ
ຄຳສັບພາສາອັງກິດຕົວພິມນ້ອຍ ຫຼື ພິມໃຫຍ່ກໍ່ໄດ້</p>
<p>ບັນດາ Tag
ຄຳສັ່ງພື້ນຖານຂອງພາສາ HTML.<a name="tag"></a></p>
<p>ກຳນົດຫົວຂໍ້ເລື່ອງ(Headings).</p>
<p>Heading ເປັນການກຳນົດຫົວຂໍ້ເລື່ອງ
ໂດຍໃຊ້ Tag <h1> ເຖິງ
<h6> ເຊິ່ງ <h1>
ມີຂະໜາດໃຫຍ່ສຸດ <h6> ມີຂະໜາດນ້ອນສຸດ
ມີຮູບແບບການຂຽນດັ່ງນີ້:<br />
<h1>This is a heading</h1><br
/>
ຜົນໄດ້ຮັບ
ຜົນໄດ້ຮັບ
