สะดวกมากเมื่อพื้นที่ของลิงก์ที่ใช้งานอยู่ไม่ใช่ข้อความ แต่เป็นรูปภาพ ภาษามาร์กอัป HTML ค่อนข้างสามารถทำได้ ทั้งหมดที่จำเป็นสำหรับสิ่งนี้คือการรวมแท็กในลักษณะพิเศษ
คำแนะนำ
ขั้นตอนที่ 1
หากไฟล์ทั้งหมดบนเซิร์ฟเวอร์ถูกจัดเก็บไว้ในโฟลเดอร์เดียว ให้เขียนโค้ด HTML ต่อไปนี้ของเพจ:
‹A href=page.html› การคลิกที่ลิงค์นี้จะนำคุณไปยังหน้าอื่นภายในไซต์ ‹/a›
ขั้นตอนที่ 2
เรียนรู้วิธีฝังลิงก์ไปยังเพจท้องถิ่นที่อยู่บนไซต์ของบุคคลที่สามใน HTML ของคุณ:
‹A href= https://server.domain/folder/page.html› การคลิกที่ลิงค์นี้จะนำคุณไปยังหน้าที่ตั้งอยู่ในไซต์ที่ต่างไปจากเดิมอย่างสิ้นเชิง ‹/a›
ขั้นตอนที่ 3
ตอนนี้ ให้ตรวจสอบวิธีการแทรกรูปภาพลงในเพจที่จัดเก็บไว้ในเซิร์ฟเวอร์เดียวกันกับไซต์ โดยที่ไฟล์ทั้งหมดบนเซิร์ฟเวอร์นั้นจะถูกเก็บไว้ในโฟลเดอร์ที่ใช้ร่วมกัน:
‹Img src = ชื่อไฟล์.jpg›
ขั้นตอนที่ 4
ในทำนองเดียวกัน ให้แทรกรูปภาพที่จัดเก็บไว้ในเซิร์ฟเวอร์ของบริษัทอื่นลงในเพจ:
‹Img src =
อย่างไรก็ตาม พึงระลึกไว้เสมอว่าเซิร์ฟเวอร์บางแห่งไม่อนุญาตให้แทรกรูปภาพลงในเพจภายนอก แสดงโปรแกรมรักษาหน้าจอคำเตือนแทน หรือไม่แสดงอะไรเลย ในกรณีเช่นนี้ ห้ามคัดลอกรูปภาพไปยังเซิร์ฟเวอร์ในเครื่อง เพราะจะเป็นการละเมิดลิขสิทธิ์ มันจะดีกว่าที่จะให้ลิงค์ไปยังภาพนี้
ขั้นตอนที่ 5
หากต้องการคลิกที่รูปภาพเพื่อไปตามลิงก์ ให้รวมแท็กเหล่านี้ดังนี้:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›
หากต้องการ ให้แทนที่ในการก่อสร้างนี้ด้วยลิงก์ส่วนกลางที่ไปยังเพจด้วยลิงก์ท้องถิ่น หรือในทางกลับกัน ลิงก์ในเครื่องที่ไปยังรูปภาพด้วยลิงก์ส่วนกลาง
ขั้นตอนที่ 6
สุดท้ายนี้ หากคุณต้องการให้ลิงก์ถูกติดตามโดยคลิกที่ทั้งรูปภาพและข้อความด้านล่าง ให้ใช้โครงสร้างที่ซับซ้อนกว่านี้:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› คุณจะถูกเปลี่ยนเส้นทางไปยังหน้าอื่นไม่ว่าคุณจะคลิกที่ข้อความนี้หรือที่ด้านบน ภาพ. ผลลัพธ์จะเหมือนกันทุกประการ