วิธีฝังรูปภาพบนเว็บไซต์โดยใช้ Html

สารบัญ:

วิธีฝังรูปภาพบนเว็บไซต์โดยใช้ Html
วิธีฝังรูปภาพบนเว็บไซต์โดยใช้ Html

วีดีโอ: วิธีฝังรูปภาพบนเว็บไซต์โดยใช้ Html

วีดีโอ: วิธีฝังรูปภาพบนเว็บไซต์โดยใช้ Html
วีดีโอ: การใส่รูปภาพและกำหนดขนาดรูปใน html 2024, พฤศจิกายน
Anonim

บทความบนอินเทอร์เน็ตอาจดูแห้งแล้งและไม่สมบูรณ์หากข้อความไม่เจือจางด้วยสื่อเพิ่มเติม การตกแต่งบล็อกโพสต์หรือเว็บไซต์ที่ง่ายที่สุดและเข้าถึงได้มากที่สุดคือภาพประกอบรูปภาพ สามารถเผยแพร่โดยใช้แท็กพิเศษ

วิธีฝังรูปภาพบนเว็บไซต์โดยใช้ html
วิธีฝังรูปภาพบนเว็บไซต์โดยใช้ html

มันจำเป็น

  • - การเข้าถึงอินเทอร์เน็ต
  • - รูปภาพ

คำแนะนำ

ขั้นตอนที่ 1

เชื่อกันว่าสามารถเผยแพร่รูปภาพที่จัดเก็บไว้ในคอมพิวเตอร์ได้โดยตรง นี่เป็นข้อผิดพลาด: หากคอมพิวเตอร์ของคุณไม่ใช่เซิร์ฟเวอร์ตลอด 24 ชั่วโมงทุกวัน รูปภาพจะไม่ปรากฏในข้อความ

ขั้นตอนที่ 2

อัปโหลดรูปภาพไปยังที่จัดเก็บพิเศษ เช่น Yandex.fotka หรือ Ipicture.ru เป็นสิ่งสำคัญที่ไฟล์จะสามารถดูได้และออนไลน์ตลอดเวลา เปิดรูปภาพบนหน้าเว็บไซต์เป้าหมายและคัดลอก URL จากบรรทัดที่เกี่ยวข้อง

ขั้นตอนที่ 3

เริ่มเขียนข้อความของคุณในโหมด HTML ใส่แท็กต่อไปนี้:. วางที่อยู่ที่คัดลอกของไฟล์กราฟิกแทนบัตรผ่าน

ขั้นตอนที่ 4

ตรวจสอบการแทรกที่ถูกต้องในโหมดแสดงตัวอย่าง ไฟล์ควรแสดงในหน้าต่างในขนาดดั้งเดิม หากไม่มีรูปภาพ ให้ตรวจสอบความถูกต้องของที่อยู่ที่ป้อน

ขั้นตอนที่ 5

หากคุณได้อัปโหลดรูปภาพขนาดใหญ่และต้องการแสดงภาพตามขนาด ให้ปรับแท็ก หลังจากเครื่องหมายอัญประกาศปิด ให้ใส่แท็ก width = หรือ height = จากนั้นใส่ขนาดที่ต้องการเป็นพิกเซล ตัวอย่างเช่น:. ในกรณีนี้ คุณจะได้ภาพแนวตั้งที่มีความสูง 800 พิกเซล

ขั้นตอนที่ 6

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

แนะนำ: