ไวยากรณ์ของภาษา HTML ช่วยให้คุณสร้างไฮเปอร์ลิงก์ได้ ไม่เพียงแต่ข้อความเท่านั้น แต่ยังรวมถึงกราฟิกด้วย สำหรับผู้เยี่ยมชมไซต์ ลิงก์ดังกล่าวจะดูเหมือนรูปภาพ และเมื่อคุณคลิกที่รูปภาพ คุณจะไปที่หน้าเว็บอื่น
คำแนะนำ
ขั้นตอนที่ 1
ใช้โปรแกรมแก้ไขกราฟิกใด ๆ ลดขนาดภาพ ขนาดในพิกัดใด ๆ ไม่ควรเกิน 200 พิกเซล มันจะดีกว่าถ้ารูปภาพมีเลย์เอาต์ในแนวนอน ตัวอย่างเช่น ปุ่มเสมือน คำจารึกที่สร้างด้วยฟอนต์ศิลปะ รูปแบบรูปภาพต้องเป็นรูปแบบใดรูปแบบหนึ่งต่อไปนี้: JPG, PNG,
ขั้นตอนที่ 2
อัปโหลดไฟล์รูปภาพไปยังเซิร์ฟเวอร์ในโฟลเดอร์ที่มีไฟล์ HTML ในการดาวน์โหลด คุณสามารถใช้เว็บอินเตอร์เฟส (หากมีให้จากผู้ให้บริการโฮสต์) หรือโปรแกรมไคลเอนต์ FTP
ขั้นตอนที่ 3
วางข้อมูลโค้ดต่อไปนี้ในตำแหน่งที่ต้องการในไฟล์ HTML โดยที่นิพจน์หลังตัวดำเนินการ "href =" คือที่อยู่ที่ลิงก์นำไปสู่ และ someimage
ขั้นตอนที่ 4
สำหรับผู้ใช้บางคน การแสดงรูปภาพในเบราว์เซอร์ถูกปิดใช้งาน ดังนั้นจึงแนะนำให้ใส่คำอธิบายว่าลิงก์นำไปสู่ตำแหน่งใดใต้ภาพโดยตรง ในกรณีดังกล่าว ให้แก้ไขข้อมูลโค้ดด้านบนให้มีลักษณะดังนี้:
แมลงระยะใกล้ ข้อความอธิบายจะปรากฏใต้ภาพ การคลิกจะนำคุณไปยังลิงก์ด้วย
ขั้นตอนที่ 5
หลังจากอัปโหลดไฟล์ HTML เวอร์ชันที่อัปเดตไปยังเซิร์ฟเวอร์แล้ว ให้เปิดหน้าเว็บที่เกี่ยวข้องในเบราว์เซอร์ จากนั้นตรวจสอบให้แน่ใจว่ารูปภาพแสดงและลิงก์ถูกต้อง การเปลี่ยนแปลงจะเกิดขึ้นเมื่อคุณคลิกทั้งบนภาพและบนคำอธิบายที่จารึกอยู่ใต้ภาพ (ถ้ามี)