เมื่อบุคคลกำลังสร้างเว็บเพจที่มีรูปภาพรูปภาพจะไม่ถูกแทรกลงในเพจพร้อมกับข้อมูลที่เหลือ ในการแสดงภาพบนเว็บลิงค์รูปภาพ HTML จะใช้แทนการฝังภาพภายในหน้า หากต้องการใช้ลิงก์รูปภาพ HTML แท็ก <img> HTML จะใช้เพื่อให้ข้อมูลว่าเก็บรูปภาพไว้ที่ไหนและสามารถเข้าถึงได้ แท็กนี้สามารถใช้กับเบราว์เซอร์ทั้งหมดและสามารถใช้เพื่อโหลดรูปภาพทุกประเภทที่เบราว์เซอร์รองรับ
การใช้แท็ก <img> เพียงอย่างเดียวไม่ได้ให้ข้อมูลใด ๆ กับเว็บเพจที่มีภาพ มีสองแอตทริบิวต์ที่จำเป็นสำหรับการเชื่อมโยงรูปภาพ HTML เพื่อเขียนอย่างถูกต้องเพื่อให้รูปภาพโหลดเมื่อโหลดหน้าเว็บ นอกจากนี้ยังมีแอตทริบิวต์ตัวเลือกต่าง ๆ ที่สามารถรวมไว้เพื่อให้ข้อมูลเพิ่มเติม คุณลักษณะที่จำเป็นในการเขียนลิงค์รูปภาพคือ src และ alt
แอททริบิว src ของลิงค์อิมเมจ HTML จัดเตรียมที่อยู่เว็บหรือ URL ซึ่งเป็นที่ตั้งของรูปภาพ URL สามารถใช้หนึ่งในสองรูปแบบ URL ที่แน่นอนให้ที่อยู่เว็บที่สมบูรณ์ซึ่งนำไปสู่ภาพในเว็บไซต์อื่น ตัวอย่างของการรวม URL แบบสัมบูรณ์สำหรับแอตทริบิวต์ src คือ: src = "http://www.website.com/image.jpg" - โดยที่ website.com ชี้ไปยังเว็บไซต์อื่นและ image.jpg ชี้ไปที่เว็บไซต์เฉพาะ ภาพ.
ตัวเลือกอื่น ๆ สำหรับ URL ภายในแอตทริบิวต์ src คือการเขียน URL สัมพัทธ์ ในกรณีของ URL สัมพัทธ์ที่อยู่เว็บจะให้ลิงค์ไปยังรูปภาพภายในไดเรกทอรีเว็บไซต์เดียวกัน URL สัมพัทธ์เป็นเวอร์ชันที่ถูกตัดทอนของ URL สัมบูรณ์เนื่องจากรูปภาพอยู่ในตำแหน่งเดียวกับหน้าเว็บ ตัวอย่างของแอ็ตทริบิวต์ src ที่มี URL สัมพัทธ์คือ: src = "image.jpg" หรือ src = "images / image.jpg" ความแตกต่างเพียงอย่างเดียวในตัวอย่างเหล่านี้คือตำแหน่งของรูปภาพเนื่องจากตั้งอยู่ภายในโฟลเดอร์รูปภาพในตัวอย่างที่สอง
แอตทริบิวต์ที่จำเป็นอื่น ๆ คือ alt ซึ่งมีข้อความสำรองสำหรับรูปภาพ นี่ไม่ใช่ข้อความที่จะแสดงหากผู้ใช้เลื่อนเมาส์ไปเหนือภาพ แต่ข้อความที่ปรากฏขึ้นหากภาพไม่สามารถแสดงได้ด้วยเหตุผลบางประการ มีสาเหตุหลายประการที่ทำให้รูปภาพไม่สามารถแสดงรวมถึงกรณีที่ URL ในแอตทริบิวต์ src ไม่ถูกต้องหรือใช้งานไม่ได้หรือเมื่อผู้ใช้ที่มีความบกพร่องทางสายตากำลังใช้โปรแกรมอ่านหน้าจอ
โค้ดพื้นฐานที่สุดสำหรับลิงค์รูปภาพ HTML จะมีลักษณะดังนี้: <img src = "URL" alt = "text" /> เนื่องจากแท็ก <img> ไม่มีแท็กปิดท้ายจึงเป็นสิ่งสำคัญที่จะต้องลงท้ายด้วย /> เพื่อให้เบราว์เซอร์รู้ว่าคำสั่งนั้นสิ้นสุดแล้ว แอ็ตทริบิวต์ src ชี้ไปที่ตำแหน่งของรูปภาพดังนั้นสิ่งสำคัญคือต้องแน่ใจว่าลิงก์ไปยังเว็บไซต์อื่น ๆ ไม่เสียหายและรูปภาพไม่ย้ายไปมาภายในไดเรกทอรีของเว็บไซต์และไปยังลิงก์ที่ถูกต้องเมื่อเกิดปัญหาขึ้น
