มือของผู้ชายบนแป้นพิมพ์คอมพิวเตอร์
เครดิตรูปภาพ: JatinderKumar / iStock / Getty Images
ด้วยโค้ด HTML เพียงไม่กี่ตัวอย่าง คุณสามารถฝังรูปภาพลงในหน้าเว็บ อีเมล หรือเอกสาร HTML หรือ XML ทางอินเทอร์เน็ตอื่นๆ แม้ว่าคุณจะไม่สามารถ "แปลง" รูปภาพเป็นโค้ด HTML ได้ แต่คุณสามารถบันทึกรูปภาพในเครื่องหรือที่ที่อยู่เว็บเฉพาะแล้วกำหนดตำแหน่งในเอกสาร HTML ได้ คุณยังสามารถระบุจำนวนพิกเซลที่รูปภาพควรปรากฏ ทั้งในแนวตั้งและแนวนอน อ่านเพื่อเรียนรู้วิธีแปลงรูปภาพเป็นโค้ด HTML
ขั้นตอนที่ 1
เลือกรูปภาพ จะเป็นภาพขนาดใดก็ได้
วีดีโอประจำวันนี้
ขั้นตอนที่ 2
บันทึกภาพในเครื่องหรือออนไลน์ ซึ่งหมายความว่าคุณสามารถบันทึกลงในคอมพิวเตอร์หรือที่ที่อยู่เว็บเฉพาะได้ หากคุณต้องการให้คนอื่นสามารถเห็นภาพออนไลน์ได้ คุณต้องอัปโหลดภาพไปยังเว็บเซิร์ฟเวอร์ ใช้เซิร์ฟเวอร์เว็บไซต์ของคุณ หรือหากคุณไม่มีเว็บไซต์ ให้ลองใช้ Picasa หรือแอปพลิเคชันจัดเก็บและแชร์รูปภาพอื่นๆ จด URL ที่บันทึกรูปภาพไว้
ขั้นตอนที่ 3
เปิดเอกสาร HTML ใช้แท็กรูปภาพและ URL ที่แน่นอนของตำแหน่งที่จัดเก็บรูปภาพ: . การดำเนินการนี้จะฝังรูปภาพลงในเอกสาร HTML ของคุณ เมื่อผู้ใช้เปิดเอกสารนั้นผ่านเว็บเบราว์เซอร์หรือโปรแกรมอื่น รูปภาพจะปรากฏขึ้น
ขั้นตอนที่ 4
ปรับความกว้างของรูปภาพตามที่คุณต้องการให้ปรากฏเป็นพิกเซล อีกครั้ง ใช้ URL ที่แน่นอนของตำแหน่งที่จัดเก็บรูปภาพ ตัวอย่างเช่น, http://example.com/image.jpg" ความกว้าง=400>. วิธีนี้จะขยายหรือย่อความกว้างที่มีอยู่ของรูปภาพเป็น 400 พิกเซล
ขั้นตอนที่ 5
ปรับความสูงของภาพตามที่คุณต้องการให้ปรากฏเป็นพิกเซล ตัวอย่างเช่น, . วิธีนี้จะขยายหรือย่อความสูงที่มีอยู่ของรูปภาพเป็น 700 พิกเซล
ขั้นตอนที่ 6
รวมการปรับความกว้างและความสูงตามความจำเป็น ตัวอย่างเช่น, .
ขั้นตอนที่ 7
เปลี่ยนรูปภาพเป็นลิงค์หากต้องการ ใช้แท็กสมอกับแท็กรูปภาพที่ฝังอยู่ภายใน ตัวอย่างเช่น, .