บทที่ 8 HTML Links

   HTML Links ก็คือการเชื่อมโยงจากหน้าเว็บเราไปยังที่ต่างๆ ซึ่งเรียกว่า Hyperlinks หรือทำการเชื่อมโยง (link) ภายในเอกสารของเราเองหรือเรียกว่า Anchors ซึ่งการสร้างลิงค์ของเอกสาร HTML ทั้งสองแบบนั้นจะสร้างโดยแท็ก <a> เหมือนกัน
การสร้าง links จะสร้างโดยใช้โครงสร้าง 

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


ตัวอย่างเช่น ไปยังเว็บอื่น

<html>
<body>

<a href="http://www.mindphp.com/">visit mindphp.com</a>

</body>
</html>

ผลัพธ์ที่ได้คือ


สำหรับการเชื่อมโยงเอกสารในหน้าเดียวกัน

เราใช้ Attribute "id" ให้กับ <a>

การใช้ attribute "id" เป็นการกำหนดชื่อให้กับ anchor เมื่อเราต้องการลิงค์ภายในเอกสารนั้นๆ เช่น

<a id="mindphp.com">หัวข้อ 1</a> 

 

เป็นการกำหนดว่าส่วนเนื้อหานี้มีชื่อว่า "label" ถ้าเราต้องการลิงค์มายังเนื้อหานี้เราจะต้องทำการอ้างอิงชื่อ "label"

<a name="#mindphp.com">ไปที่หัวข้อ 1</a>

 

เมื่อเราคลิกที่ลิงค์ "ไปที่หัวข้อ 1" มันก็จะทำการลิงค์ไปยังเนื้อหา "หัวข้อ 1"

ส่วนนี้เรียกว่าลิงค์ ภายใน

การใช้ attribute "name" เป็นการกำหนดชื่อให้กับ anchor เมื่อเราต้องการลิงค์ภายในเอกสารนั้น ๆ เช่น

<a name="label">Any content</a>

เป็นการกำหนดว่าส่วนเนื้อหานี้มีชื่อว่า "label" ถ้าเราต้องการลิงค์มายังเนื้อหานี้เราจะต้องทำการอ้างอิงชื่อ "label"

<a name="#label">Link to label</a>

เมื่อเราคลิกที่ลิงค์ "Link to label" มันก็จะทำการลิงค์ไปยังเนื้อหา "Any content"

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
พอดีว่า Mic ถูก Block อยากเปลี่ยนข้อมูลต้องทำยังไงคะ
โดย Narisara พฤ 09 พ.ย. 2023 5:43 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
497
จ 13 พ.ย. 2023 3:04 pm โดย mindphp View Topic พอดีว่า Mic ถูก Block อยากเปลี่ยนข้อมูลต้องทำยังไงคะ
Exploring the Wonders of Python Turtle - Let's Dive In!
โดย pythononlinecompiler พฤ 09 พ.ย. 2023 4:50 pm บอร์ด Python Knowledge
0
634
พฤ 09 พ.ย. 2023 4:50 pm โดย pythononlinecompiler View Topic Exploring the Wonders of Python Turtle - Let's Dive In!
สอบถามการกำหนดสกุลไฟล์เวลาอัพโหลดภาพ
โดย flook พฤ 09 พ.ย. 2023 10:26 am บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
650
พฤ 09 พ.ย. 2023 10:45 am โดย eange08 View Topic สอบถามการกำหนดสกุลไฟล์เวลาอัพโหลดภาพ
สอบถาม cron จะเรียกใช้ไฟล์ที่อยู่ใน controller อย่างไร
โดย eange08 พ 08 พ.ย. 2023 5:19 pm บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
2
596
จ 13 พ.ย. 2023 2:35 pm โดย eange08 View Topic สอบถาม cron จะเรียกใช้ไฟล์ที่อยู่ใน controller อย่างไร
ระบบจัดเก็บพลังงานจากแบตเตอรี่ลิเธียมไอออนคืออะไร?
โดย GreatBattery พ 08 พ.ย. 2023 3:46 pm บอร์ด Share Knowledge
0
405
พ 08 พ.ย. 2023 3:46 pm โดย GreatBattery View Topic ระบบจัดเก็บพลังงานจากแบตเตอรี่ลิเธียมไอออนคืออะไร?
สอบถามรัน cron ด้วย url ใน extension เป็นลิงค์แบบไหนค่ะ [phpBB]
โดย eange08 จ 06 พ.ย. 2023 6:11 pm บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
2
732
จ 13 พ.ย. 2023 12:53 pm โดย eange08 View Topic สอบถามรัน cron ด้วย url ใน extension เป็นลิงค์แบบไหนค่ะ [phpBB]
ใช้โมดูลแล้วขึ้น JUri not found
โดย Thanapoom1514 จ 06 พ.ย. 2023 3:52 pm บอร์ด Joomla Development
0
1402
จ 06 พ.ย. 2023 3:52 pm โดย Thanapoom1514 View Topic ใช้โมดูลแล้วขึ้น JUri not found
How to Add Animation and Transitions to React Components?
โดย Codalien จ 06 พ.ย. 2023 2:33 pm บอร์ด JavaScript & jQuery Ajax & Node.JS
0
5277
จ 06 พ.ย. 2023 2:33 pm โดย Codalien View Topic How to Add Animation and Transitions to React Components?