ตัวอย่าง
<a href="#softwaresiam1" title="ใส่คำอธิบาย เข่น ไปที่ ตำแหน่ง วรรคที่ 1">การสร้างลิงก์แบบ Named Anchor</a>
<br />
- ตัวอย่าง
- ตัวอย่าง
- ตัวอย่าง
<a name="softwaresiam1">การสร้างลิงก์แบบ Named Anchor</a>
<br />
<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>
0 ความคิดเห็น:
แสดงความคิดเห็น