ปัญหาหลักของไฟล์ html เฉพาะรูปภาพคือสามารถอ่านและใช้งานบนเว็บไซต์ได้ยาก เนื่องจากเบราว์เซอร์ส่วนใหญ่แสดงข้อความและรูปภาพแยกกัน ซึ่งทำให้ยากต่อการดูเนื้อหาของไฟล์
<img src="image.jpg">
นี่คือบรรทัดรหัส HTML ที่บอกให้เว็บเบราว์เซอร์แสดงไฟล์รูปภาพ “image.jpg” บนหน้าเว็บ
อินพุต HTML ยอมรับแอตทริบิวต์
ใน HTML คุณสามารถใช้ แท็กเพื่อรับแอตทริบิวต์จากผู้ใช้ ตัวอย่างเช่น หากต้องการอนุญาตให้ผู้ใช้ป้อนหมายเลขโทรศัพท์ คุณสามารถใช้รหัสต่อไปนี้:
แท็กอินพุตจะรวมแอตทริบิวต์ที่จำเป็นสำหรับฟิลด์อินพุตโทรโดยอัตโนมัติ
ไฟล์ในรูปแบบ HTML
ใน HTML ไฟล์จะแสดงด้วย
รูปภาพใน HTML
รูปภาพใน HTML ใช้เพื่อแสดงวัตถุกราฟิกในเอกสาร สามารถใช้เพื่อแสดงรูปภาพ ไอคอน โลโก้ และกราฟิกอื่นๆ รูปภาพสามารถใช้เพื่อสร้างไฮเปอร์ลิงก์หรือวิดีโอแบบฝัง
หากต้องการรวมรูปภาพในเอกสาร HTML คุณต้องใส่นามสกุลไฟล์ที่เหมาะสมก่อน ตัวอย่างเช่น ถ้าคุณต้องการใส่รูปภาพชื่อ "logo.png" ลงในเอกสารของคุณ คุณควรใช้รหัสต่อไปนี้:
คุณยังสามารถใช้แท็ก img เพื่อแสดงไฟล์ภาพมาตรฐานโดยไม่ต้องมีข้อความประกอบหรือการจัดรูปแบบ:
คุณยังสามารถระบุความกว้างและความสูงสำหรับรูปภาพโดยใช้แอตทริบิวต์ความกว้างและความสูง: