การใช้ Anchor เพื่อ กำหนด Link ไปจุดต่าง ๆ ที่หน้าเดิม

ตัวอย่าง

<a href="#softwaresiam1" title="ใส่คำอธิบาย เข่น ไปที่ ตำแหน่ง วรรคที่ 1">การสร้างลิงก์แบบ Named Anchor</a>
<br />

- ตัวอย่าง
- ตัวอย่าง
- ตัวอย่าง
<a name="softwaresiam1">การสร้างลิงก์แบบ Named Anchor</a>
<br />

ถ้าใช้ dreamware ให้ทำตามขั้นตอนด้านล่าง แต่ถ้าทำด้วยโค๊ดต้อง copy code ไปใช้

Named Anchor  คือจุดอ้างอิง  ใช้ในการทำลิงก์ที่มีความยาวเอกสารมากกว่าหนึ่งหน้าจอ  โดยมีขั้นตอนดังนี้

1.        คลิกเมาส์ที่ตำแหน่งต้นทาง (อาจเป็นตำแหน่งบนสุดของเอกสาร)
2.        คลิกที่เครื่องมือ     ที่แถบเครื่องมือ
3.        จะปรากฎหน้าต่าง Named Anchor ให้พิมพ์ชื่อ เพื่อระบุตำแหน่งต้นทาง(ให้ตั้งชื่อ Top)
4.        แล้วคลิกที่ปุ่ม Ok
5.        ให้เลื่อนเมาส์ไปยังตำแหน่งล่างสุด ทำการเลือกข้อความหรือรูปภาพ  แล้วคลิกที่เลือกข้อความ
6.        พิมพ์ #softwaresiam1
(จะต้องมีเครื่องหมาย # นำหน้าข้อความเสมอ)    แล้วทดสอบแสดงผล
<br>

อธิบาย : การกำหนดจุดในแต่ละหน้านั้น จะมีโค๊ดที่คลุม ในส่วน ในตัวอย่างคือ
ต้นทาง คือ

<a href="#softwaresiam1" title="ใส่คำอธิบาย เข่น ไปที่ ตำแหน่ง วรรคที่ 1">การสร้างลิงก์แบบ Named Anchor</a>

พอคลิ๊ก คำสั่งก็จะค้นหา #softwaresiam1 และเลื่อนไปปลายทาง อัตโนมัติ

ปลายทาง คือ

<a name="softwaresiam1">การสร้างลิงก์แบบ Named Anchor</a>

คำสั่งยอดฮิตอีกอัน คือ คำสั่งขึ้นบนสุด ใช้โค๊ด ดังนี้

<a href="#top" title="กลับไปด้านบน">กลับไปด้านบน</a>