วิธีแปลงรูปภาพเป็นโค้ด HTML

พิมพ์มือบนแป้นพิมพ์

มือของผู้ชายบนแป้นพิมพ์คอมพิวเตอร์

เครดิตรูปภาพ: 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

เปลี่ยนรูปภาพเป็นลิงค์หากต้องการ ใช้แท็กสมอกับแท็กรูปภาพที่ฝังอยู่ภายใน ตัวอย่างเช่น, .

หมวดหมู่

ล่าสุด

วิธีตั้งค่าเราเตอร์ไร้สายบน Mac

วิธีตั้งค่าเราเตอร์ไร้สายบน Mac

ตรวจสอบให้แน่ใจว่า Mac ไม่ได้เชื่อมต่อกับอินเทอ...

วิธีเข้าถึงผู้ให้บริการบน Verizon

วิธีเข้าถึงผู้ให้บริการบน Verizon

การเข้าถึงผู้ให้บริการบน Verizon นั้นทำได้ง่าย...

วิธีการจัดส่งคอมพิวเตอร์แล็ปท็อป

วิธีการจัดส่งคอมพิวเตอร์แล็ปท็อป

คุณอาจต้องจัดส่งคอมพิวเตอร์แล็ปท็อป และเนื่องจา...