ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 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"

การใช้ 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"

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ถอด Video Subtitle
โดย Aranya พ 27 ม.ค. 2021 11:09 am บอร์ด M121 - อรัญญา ปะสาวะกา
4
19
พ 27 ม.ค. 2021 1:30 pm โดย Aranya
งานประจำวันที่ 27 มกราคม 2564
โดย Aranya พ 27 ม.ค. 2021 9:57 am บอร์ด M121 - อรัญญา ปะสาวะกา
3
30
พ 27 ม.ค. 2021 1:21 pm โดย thatsawan
สรุปงานวิดีโอที่ศึกษาเกี่ยวกับmindphp
โดย Aranya อ 26 ม.ค. 2021 3:40 pm บอร์ด M121 - อรัญญา ปะสาวะกา
0
8
อ 26 ม.ค. 2021 3:40 pm โดย Aranya
Index ถอดวิดีโอ Canva
โดย Aranya อ 26 ม.ค. 2021 2:32 pm บอร์ด M121 - อรัญญา ปะสาวะกา
3
21
พ 27 ม.ค. 2021 11:13 am โดย Aranya
งานประจำวันที่ 26 มกราคม 2564
โดย Aranya อ 26 ม.ค. 2021 9:40 am บอร์ด M121 - อรัญญา ปะสาวะกา
14
86
พ 27 ม.ค. 2021 1:31 pm โดย Aranya
phpBB3 เมนู ACP หายไปและ login เป็น admin ไม่ได้
โดย eange08 จ 25 ม.ค. 2021 7:26 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
2
60
อ 26 ม.ค. 2021 10:16 am โดย eange08
7s Framework วิเคราะห์ธุรกิจในองค์กร
โดย Aranya จ 25 ม.ค. 2021 4:46 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
2
33
อ 26 ม.ค. 2021 4:36 pm โดย Aranya
SWOT
โดย Aranya จ 25 ม.ค. 2021 4:15 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
25
อ 26 ม.ค. 2021 4:10 pm โดย Aranya