ให้เรตสมาชิก: 2 / 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"

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 18 กรกฎาคม 2561
โดย tatiya พ 18 ก.ค. 2018 9:59 am บอร์ด M065 - ตติยะ นาชัย
0
1
พ 18 ก.ค. 2018 9:59 am โดย tatiya
งานประจำวันที่ 18 กรกฏาคม 2561
โดย pprn พ 18 ก.ค. 2018 9:57 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
0
2
พ 18 ก.ค. 2018 9:57 am โดย pprn
งานประจำวันที่ 18 กรกฎาคม 2561
โดย prakon พ 18 ก.ค. 2018 9:27 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
0
3
พ 18 ก.ค. 2018 9:27 am โดย prakon
B - หน้า Sale Orders Lines Client Error
โดย mindphp พ 18 ก.ค. 2018 4:33 am บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
พ 18 ก.ค. 2018 4:33 am โดย mindphp
การเชื่อมต่อฐานข้อมูลแบบ odbc คืออะไร แล้วทำยังไงคะ
โดย pprn อ 17 ก.ค. 2018 5:02 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
3
35
อ 17 ก.ค. 2018 5:42 pm โดย thatsawan
[ปัญหา] สอบถามเกี่ยวกับวิธีติดตั้ง selenium ครับ
โดย tatiya อ 17 ก.ค. 2018 11:36 am บอร์ด Programming - C/C++ & java & Python
8
76
พ 18 ก.ค. 2018 10:46 am โดย P'Eak
งานประจำวันที่ 17 กรกฎาคม 2561
โดย tatiya อ 17 ก.ค. 2018 10:26 am บอร์ด M065 - ตติยะ นาชัย
1
9
อ 17 ก.ค. 2018 7:11 pm โดย tatiya
งานประจำวันที่ 17 กรกฏาคม 2561
โดย pprn อ 17 ก.ค. 2018 10:17 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
1
17
อ 17 ก.ค. 2018 2:20 pm โดย pprn
งานประจำวันที่ 17 กรกฎาคม 2561
โดย prakon อ 17 ก.ค. 2018 10:13 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
6
อ 17 ก.ค. 2018 11:05 am โดย prakon
Q - รันโค้ดของโมดูล selenium เพื่อเปิดหน้าเว็บ แล้ว error
โดย prakon จ 16 ก.ค. 2018 7:42 pm บอร์ด Programming - C/C++ & java & Python
1
24
อ 17 ก.ค. 2018 10:29 am โดย nuattawoot
SMEs คืออะไร? กิจการของคุณเข่าข่ายไหมนะ?
โดย taemmynatchapon จ 16 ก.ค. 2018 7:20 pm บอร์ด Share Knowledge
0
8
จ 16 ก.ค. 2018 7:20 pm โดย taemmynatchapon
ภาวะเงินเฟ้อ น่ากลัวขนาดไหนนะ?
โดย taemmynatchapon จ 16 ก.ค. 2018 7:01 pm บอร์ด Share Knowledge
0
10
จ 16 ก.ค. 2018 7:01 pm โดย taemmynatchapon
GDP คืออะไร?
โดย taemmynatchapon จ 16 ก.ค. 2018 6:51 pm บอร์ด Share Knowledge
0
16
จ 16 ก.ค. 2018 6:51 pm โดย taemmynatchapon
ความหมายของอัตราส่วนทางการเงิน
โดย taemmynatchapon จ 16 ก.ค. 2018 6:39 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
8
จ 16 ก.ค. 2018 6:39 pm โดย taemmynatchapon
ธนาคารโลก (World Bank) คืออะไร?
โดย taemmynatchapon จ 16 ก.ค. 2018 6:04 pm บอร์ด Share Knowledge
0
13
จ 16 ก.ค. 2018 6:04 pm โดย taemmynatchapon
กองทุนการเงินระหว่างประเทศ (IMF) คืออะไร? และมีหน้าที่อะไร?
โดย taemmynatchapon จ 16 ก.ค. 2018 6:02 pm บอร์ด Share Knowledge
0
7
จ 16 ก.ค. 2018 6:02 pm โดย taemmynatchapon
[ปัญหา]ขอวิธีติดตั้ง selenium บน Ubuntu หน่อยครับ
โดย tatiya จ 16 ก.ค. 2018 5:26 pm บอร์ด Programming - C/C++ & java & Python
2
28
จ 16 ก.ค. 2018 5:57 pm โดย tatiya
B - mod_md_recent กำหนด position ในหน้าเว็บแล้วในหน้าเว็บขึ้นแจ้ง Error
โดย Parichat จ 16 ก.ค. 2018 4:53 pm บอร์ด Joomla Dev
0
6
จ 16 ก.ค. 2018 4:53 pm โดย Parichat
B - com_mcharts ไม่สามารถเข้าหน้าตั้งค่าได้ใน Joomla 3.x
โดย Parichat จ 16 ก.ค. 2018 4:05 pm บอร์ด Joomla Dev
2
9
จ 16 ก.ค. 2018 4:55 pm โดย Parichat
B - ไม่สามารถแก้ไขข้อมูลใน Customers ได้
โดย watcharin จ 16 ก.ค. 2018 3:39 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
2
19
จ 16 ก.ค. 2018 9:00 pm โดย thatsawan