วิธีแทรกลิงก์ไปยังรูปภาพใน Html

สารบัญ:

วิธีแทรกลิงก์ไปยังรูปภาพใน Html
วิธีแทรกลิงก์ไปยังรูปภาพใน Html

วีดีโอ: วิธีแทรกลิงก์ไปยังรูปภาพใน Html

วีดีโอ: วิธีแทรกลิงก์ไปยังรูปภาพใน Html
วีดีโอ: HTML การแทรกรูปภาพ 2024, เมษายน
Anonim

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

วิธีแทรกลิงก์ไปยังรูปภาพใน html
วิธีแทรกลิงก์ไปยังรูปภาพใน html

มันจำเป็น

การเข้าถึงอินเทอร์เน็ต

คำแนะนำ

ขั้นตอนที่ 1

วิธีที่ง่ายที่สุดในการออกแบบลิงก์ รวมถึงลิงก์ไปยังรูปภาพ ประกอบด้วยแท็กต่อไปนี้: ข้อความอธิบาย ให้ลิงก์ไปยังไฟล์กราฟิกเป็นที่อยู่ของเพจ เช่น https://www.site.com/mypicure.jpg

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

อย่างไรก็ตาม การปรับแต่งเหล่านี้เป็นทางเลือกหากคุณต้องการโพสต์รูปภาพในโพสต์ของคุณ สิ่งสำคัญคือการรู้ที่อยู่ในเครือข่าย ใส่แท็ก:. URL ของรูปภาพควรมีลักษณะดังนี้:

ขั้นตอนที่ 4

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

แนะนำ: