วิธีใส่รูปภาพใน HTML

สารบัญ:

วิธีใส่รูปภาพใน HTML
วิธีใส่รูปภาพใน HTML

วีดีโอ: วิธีใส่รูปภาพใน HTML

วีดีโอ: วิธีใส่รูปภาพใน HTML
วีดีโอ: การใส่รูปภาพและกำหนดขนาดรูปใน html 2024, อาจ
Anonim

ข้อความบนหน้าเว็บจะอ่านง่ายกว่ามากเมื่อแสดงเป็นภาพประกอบ HTML ขอสงวนแท็ก img เพื่อจุดประสงค์นี้ เมื่อใช้ร่วมกับแท็กอื่นๆ คุณสามารถสร้างรูปภาพให้เป็นลิงก์ที่ใช้งานได้ รวมถึงรูปภาพเดียวกันในเวอร์ชันที่ใหญ่กว่า

วิธีใส่รูปภาพใน HTML
วิธีใส่รูปภาพใน HTML

คำแนะนำ

ขั้นตอนที่ 1

หากไฟล์รูปภาพและไฟล์ HTML อยู่ในโฟลเดอร์เดียวกัน ให้ใช้โค้ด HTML ต่อไปนี้เพื่อแทรกรูปภาพ โดยที่ imagename.jpg

ขั้นตอนที่ 2

หากไฟล์รูปภาพอยู่บนเซิร์ฟเวอร์เดียวกัน แต่อยู่ในโฟลเดอร์อื่น ให้เปลี่ยนโครงสร้างดังนี้ โดยที่ /folder/anotherfolder/imagename.jpg

ขั้นตอนที่ 3

วางรูปภาพที่จัดเก็บไว้ในเซิร์ฟเวอร์อื่นด้วยความระมัดระวัง - การป้องกันการชะล้างอาจถูกเปิดใช้งานที่นั่น จากนั้นแทนที่จะใช้รูปภาพที่ต้องการ ผู้เยี่ยมชมหน้าของคุณจะเห็นคำเตือนเกี่ยวกับการป้องกันดังกล่าว หากไม่มีการป้องกันดังกล่าว และเจ้าของเซิร์ฟเวอร์บุคคลที่สามไม่คัดค้านการแทรกรูปภาพที่เก็บไว้ในหน้าของบุคคลอื่น ให้ใช้ข้อมูลโค้ดต่อไปนี้: โดยที่ https://server.domain/folder/anotherfolder/imagename.jpg

ขั้นตอนที่ 4

หากต้องการให้รูปภาพเป็นลิงก์ไปยังหน้าอื่นพร้อมกัน ให้ใช้รหัสต่อไปนี้ โดยที่ข้อความลิงก์คือที่อยู่ลิงก์ (ในเครื่องหรือส่วนกลาง)

ขั้นตอนที่ 5

สุดท้าย เพื่อให้เมื่อผู้ใช้คลิกที่ภาพ ผู้ใช้สามารถเห็นสำเนาที่ขยายใหญ่ขึ้น โดยเปลี่ยนส่วนก่อนหน้าดังนี้ โดยที่ imagename-big.jpg

แนะนำ: