ล่าสุดการพัฒนาเว็บบทเรียน
×

HTML การอ้างอิง

HTML ตามลำดับตัวอักษร (เรียงลำดับ) HTML ตามหมวดหมู่ (เรียงลำดับ) HTML แอตทริบิวต์ HTML แอตทริบิวต์ทั่วโลก HTML เหตุการณ์ HTML ผ้าใบ HTML เสียง / วิดีโอ HTML doctypes HTML เข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTTP ข้อความ HTTP วิธีการ PX จะ EM แปลง แป้นพิมพ์ลัด


 

HTML <img> width Attribute

<html <img> แท็ก

ตัวอย่าง

เป็นภาพที่มีความสูงและความกว้างของ 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" )

<html <img> แท็ก