รูปภาพถือเป็นส่วนประกอบ ที่สำคัญอย่างหนึ่ง ของเว็บเพจ เพราะจะทำให้เว็บเพจน่าสนใจมากยิ่งขึ้น โดยปกติแล้ว รูปภาพที่สามารถนำมาประกอบ เว็บเพจได้จะมีด้วยกันสองประเภท คือไฟล์ JPG. ( JPEG. ) และGIF.
รูปแบบคำสั่ง
<IMG SRC="ชื่อไฟล์ JPG/GIF">
ตัวอย่างการใช้คำสั่ง
|
<HTML> <HEAD> <TITLE>รูปภาพ ( IMAGE ) </TITLE> </HEAD> <BODY> <IMG SRC="enter.gif"> </BODY> </HTML> |
การแสดงผล
|
การกำหนดขนาดของรูปภาพ
รูปแบบคำสั่ง
<IMG SRC="ชื่อไฟล์ JPG/GIF" WIDTH="number" HEIGHT="number">
ตัวอย่างการใช้คำสั่ง
|
<HTML> <HEAD> <TITLE>การกำหนดขนาดของรูปภาพ </TITLE> </HEAD> <BODY> <IMG SRC="enter.gif" WIDTH="100" HEIGHT="100"> </BODY> </HTML> |
การแสดงผล
|
การใช้รูปภาพเป็นBackground
รูปแบบคำสั่ง
<BODY BACKGROUND="ชื่อไฟล์ JPG/GIF">
ตัวอย่างการใช้คำสั่ง
 |
การแสดงผล |
ข้อสังเกต ถึงแม้ว่ารูปที่ นำมาใส่ Background จะมีขนาดเท่าไหร่ ก็ตาม ตัว browser จะนำเอา รูปเหล่านั้น มาเรียง จนเต็มหน้าจอ การแสดงผล ให้เองโดย อัตโนมัติ
Attribute ต่างๆ ที่จำเป็นต้องรู้ เกี่ยวกับคำสั่ง image
<IMG
SRC=" url ชื่อที่อยู่ รูป "
ALIGN="center or left or right or top or bottom or middle"
ALT="คำอธิบายรูป"
BORDER="number ของขอบรูป ถ้าไม่ต้องการให้มีขอบ ค่าเป็น 0"
HEIGHT="ความสูงของรูป"
WIDTH="ความกว้างของรูป"
VSPACE=" พื้นที่ว่างด้านบนและล่างของรูป"
HSPACE="พื้นที่ว่างด้านซ้ายและขวาของรูป"
>
ตัวอย่างการใช้คำสั่ง
<img src="image/logo.gif" width="200" height="80" border="0" alt="Logo Cyber & Nature" align="absmiddle" vspace="0" hspace="0">