ตัวอย่าง
เป็นภาพที่มีความสูงและความกว้างของ 42 พิกเซล:
<img src="smiley.gif" alt="Smiley face"
height="42" width="42">
ลองตัวเอง» width แอตทริบิวต์ระบุความกว้างของภาพพิกเซล
เคล็ดลับ: เสมอระบุทั้ง height และ width แอตทริบิวต์สำหรับภาพหากสูงและความกว้างมีการกำหนดพื้นที่ที่จำเป็นสำหรับภาพจะถูกสงวนไว้เมื่อโหลดหน้าเว็บ แต่ไม่มีคุณสมบัติเหล่านี้เบราว์เซอร์ไม่ทราบขนาดของภาพและไม่สามารถจองพื้นที่ที่เหมาะสมกับมัน ผลจะเป็นไปได้ว่ารูปแบบหน้าจะมีการเปลี่ยนแปลงระหว่างการโหลด (ในขณะที่ภาพโหลด)
เคล็ดลับ: การลดขนาดภาพใหญ่ที่มีคุณลักษณะสูงและความกว้างบังคับให้ผู้ใช้เพื่อดาวน์โหลดภาพขนาดใหญ่ (แม้ว่ามันจะดูเล็ก ๆ บนหน้าเว็บ)เพื่อหลีกเลี่ยงนี้ rescale ภาพด้วยโปรแกรมก่อนที่จะใช้บนหน้าเว็บ
สนับสนุนเบราว์เซอร์
คุณลักษณะ | |||||
---|---|---|---|---|---|
width | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ใน HTML 4.01, ความกว้างอาจจะกำหนดเป็นพิกเซลหรือ% ขององค์ประกอบที่มี ใน HTML5 ค่าจะต้องอยู่ในพิกเซล
วากยสัมพันธ์
<img width="pixels">
ค่าแอตทริบิวต์
ความคุ้มค่า | ลักษณะ |
---|---|
pixels | ความกว้างพิกเซล (เช่น width="100" ) |