| img | ใช้ในการกำหนด tag รูปภาพ บนเอกสาร html |
|---|---|
| img src | ใช้กำหนดรูปภาพ |
| img alt | ใช้ในการกำหนดคำบรรยายภาพ เมื่อ mouse over |
| img width | ใช้กำหนดขนาดความกว้างของภาพ |
| img height | ใช้ในการกำหนดความสูงของภาพ |
| img border | ใช้กำหนดขนาดความหนาของเส้นขอบ |
| img align | ใ้ช้กำหนดตำแหน่งของภาพ เมื่อเทียบกับข้อความ |
| img vspace | ใช้กำหนดระยะห่างระหว่างข้อความ กับขอบบนและขอบล่างของรูปภาพ |
| img hspace | ใช้กำหนดระยะห่างระหว่างข้อความ กับขอบซ้ายและขอบขวาของรูปภาพ |
| img usemap | ใช้กำหนดว่ารูปภาพนั้นจะใช้ map ใด |
tag:<img />
position:<body> ... </body>
content:ใช้ในการกำหนด tag รูปภาพ บนเอกสาร html
example:<img src="panda.jpg" />
tag:<img src="value" />
value:ชื่อไฟล์ภาพ
content:ใช้กำหนดรูปภาพ
example:<img src="panda.jpg" />
tag:<img alt="value" />
value:ข้อความ
content:ใช้ในการกำหนดคำบรรยายภาพ เมื่อ mouse over และถ้าหากว่าไม่พบภาพก็จะแสดง คำบรรยาย นี้แทนด้วย
example:<img src="panda.jpg" alt="panda" />
tag:<img width="value" />
value:ตัวเลข, เปอร์เซ็นต์
content:ใช้กำหนดขนาดความกว้างของภาพ
example:<img src="panda.jpg" width="150px" />
tag:<img height="value" />
value:ตัวเลข, เปอร์เซ็นต์
content:ใช้ในการกำหนดความสูงของภาพ
example:<img src="panda.jpg" height="50px" />
tag:<img border="value" />
value:ตัวเลข
content:ใช้กำหนดขนาดความหนาของเส้นขอบ
example:<img src="panda.jpg" border="2" />
tag:<img align="value" />
value:left, right, top, middle, bottom
content:ใ้ช้กำหนดตำแหน่งของภาพ เมื่อเทียบกับข้อความ
example:<img src="panda.jpg" align="top" /> ยินดีต้อนรับเข้าสู่เวปไซต์
tag:<img vspace="value" />
value:ตัวเลข
content:ใช้กำหนดระยะห่างระหว่างข้อความ กับขอบบนและขอบล่างของรูปภาพ ( vspace ย่อมาจาก vertical space )
example:<img src="panda.jpg" vspace="5" />
tag:<img hspace="value" />
value:ตัวเลข
content:ใช้กำหนดระยะห่างระหว่างข้อความ กับขอบซ้ายและขอบขวาของรูปภาพ ( hspace ย่อมาจาก horizontal space )
example:<img src="panda.jpg" hspace="5" />
tag:<img usemap="value" />
value:#ชื่อแมพ
content:ใช้กำหนดว่ารูปภาพนั้นจะใช้ map ใด
example:<map name="map_panda"> <area shape="circle" coords="200, 180, 170" href="http://www.bamboolabcode.com" /> <area shape="rect" coords="0, 50, 20, 50" href="http://www.bamboolabcode.com" /> </map> <img src="panda.jpg usemap="#map_panda" />