วิธีแปลงรูปภาพเป็นโค้ด 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

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

หมวดหมู่

ล่าสุด

วิธีตัดแต่งใน Illustrator

วิธีตัดแต่งใน Illustrator

การตัดแต่งวัตถุใน Illustrator ทำได้ง่ายกว่ามากใ...

วิธีย่อวิดีโอด้วย Media Player

วิธีย่อวิดีโอด้วย Media Player

Windows Media Player 12 ซึ่งรวมอยู่ใน Windows ...

วิธีติดตามหมายเลขโทรศัพท์มือถือด้วย GPS

วิธีติดตามหมายเลขโทรศัพท์มือถือด้วย GPS

แอพติดตาม GPS ให้คุณติดตามตำแหน่งของคนที่คุณรั...