Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

วิธีการใช้รูปภาพในเว็บเพจ?


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

ต่อไปนี้คือคุณลักษณะ −

แอตทริบิวต์ คำอธิบาย
Alt ข้อความแสดงแทนสำหรับรูปภาพ
ความสูง ความสูงของรูปภาพ
Ismap รูปภาพเป็นแผนผังรูปภาพฝั่งเซิร์ฟเวอร์
Longdesc URL ไปยังคำอธิบายโดยละเอียดของรูปภาพ
Src URL ของรูปภาพ
Usemap รูปภาพเป็นแผนผังรูปภาพฝั่งไคลเอ็นต์
ความกว้าง ความกว้างของรูปภาพ

โปรดจำไว้ว่าแท็ก ไม่มีแท็กสิ้นสุด

วิธีการใช้รูปภาพในเว็บเพจ?

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้รูปภาพในหน้าเว็บในรูปแบบ HTML

<!DOCTYPE html>
<html>
   <head>
      <title>HTML img tag</title>
   </head>
   <body>
      <h1>Tutorialspoint</h1>
      <h2>Simply Easy Learning</h2>
      <img src="/green/images/logo.png" alt="Tutorialspoint" width="260" height="100">
   </body>
</html>