Anchor Name
เป็นการลิงค์ภายในเวบเพจเดียวกัน
ใช้ในกรณีที่มีหัวข้อย่อยหลายหัวข้อและแต่ละหัวข้อมีเนื้อหาที่มาก เพื่อเป็นการสะดวก
ในการค้นหาเพราะว่าอยูภายในเวบเพจเดียวกัน
ขั้นตอนการทำ
เปิดหน้า
Document พร้อมทำงาน
พิมพ์ข้อความดังนี้

topic
เป็นตัวอย่างการแสดงหัวข้อย่อย ในที่นี้ใช้ TOPIC 1 ,2 , 3 , 4 ตามลำดับดังรูป
จากนั้นจะเป็นรายละเอียดของแต่ละ
หัวข้อ
ในที่นี้ใช้ x แทนรายละเอียดของแต่ละ TOPIC
จากนั้นให้มาที่
Object มาที่หัวข้อ Invisibles

ให้เลื่อนเคอร์เซอร์มาให้หน้า
TOPIC 1
ให้คลิกที่
Anchor Name ใน Object Invisible

จากนั้นให้ตั้งชื่อใน
Dialog box ให้ตั้งชื่อเป็นชื่อที่สื่อให้เรารู้ว่าคืออะไร ในที่นี้ตั้งเป็น
b2

คลิก
OK
ต่อไปเป็นการทำลิงค์มาหาหัวข้อ
TOPIC 1 ที่เราได้สร้าง Anchor Name ทำการป้ายทับข้อความ TOPIC 1 ดังภาพ

จากนั้นให้มาที่
Properties inspector ในช่องลิงค์ให้ใส่ค่า #b2 เป็นการทำลิงค์ภายในเพจเดียวกัน

ให้ทำแบบเดียวกับ
TOPIC ที่เหลือโดยใส่ชื่อเป็น b3 b4 b5 ตามลำดับ และอย่าลืมใส่เครื่องหมาย
# ในช่องลิงค์และตามด้วย
b3
b4 b5
ทดสอบโดยการกด
F12 และลองคลิกที่ลิงค์ สังเกตว่าหลังจากที่คลิกหน้าเพจจะเลื่อนมายัง TOPIC
ที่ได้ทำลิงค์ไว้โดยอัตโนมัติ
|