<IMG SRC="ชื่อรูปภาพ">
ดังตัวอย่างนี้จะเป็นการแทรกรูปภาพทั้งเป้นพื้นหลังและในหน้าเว็บเพจ
<html>
<head>
<title>
Insert Images : การแทรกภาพ
</title>
</head>
<body background="bgimage.gif">
ข้อความที่แสดงในส่วนเนื้อหา
<img src="kerokero.gif">
</body>
</html>
<head>
<title>
Insert Images : การแทรกภาพ
</title>
</head>
<body background="bgimage.gif">
ข้อความที่แสดงในส่วนเนื้อหา
<img src="kerokero.gif">
</body>
</html>
ยังสามารถกำหนดเส้นขอบรอบรูปภาพ ด้วยการเพิ่มคำสั่งคุณสมบัติเส้นขอบ border
<html>
<head>
<title>Insert Images : ตำแหน่งและเส้นขอบรูปภาพ</title>
</head>
<head>
<title>Insert Images : ตำแหน่งและเส้นขอบรูปภาพ</title>
</head>
<body>
<div align="center">
ตำแหน่งและเส้นขอบรูปภาพ<br>
ตำแหน่งและเส้นขอบรูปภาพ<br>
<img
src="kerokero.gif" border="3">
</div>
</body>
</html>
END : สรุปคำสั่งที่ใช้ในบทนี้
|
TAGS
|
รายละเอียด
|
|
<br>
<p> ... </p> |
คำสั่งกำหนดการตัดคำขึ้นบรรทัดใหม่ ณ
ตำแหน่งที่แทรกคำสั่งนี้ <br>
คำสั่งกำหนดย่อหน้าข้อความ (จะเว้นบรรทัดทั้งก่อนหน้าและหลังย่อหน้านั้น 1 บรรทัด) |
|
|
การแทรกช่องว่างมากกว่า 1 เคาะวรรคด้วยการแทรกชุดอักขระพิเศษนี้แทน
(1 ชุดแทน 1 เคาะวรรค)
|
|
<blockqoute> ,
<p style="text-indent:x"> |
การกำหนดการเยื้องข้อความให้ห่างจากขอบทั้งซ้ายและขวา
การเยื้องย่อหน้าในบรรทัดแรก x เป็นตัวเลขระบุหน่วยพิกเซล แสดงผลได้ดีใน IE บราวเซอร์อื่นอาจเพี้ยนได้ สามารถใช้การแทรกอักขระพิเศษ (ชุดอักษรว่าง) ตามจำนวนเคาะวรรคที่ต้องการเยื้องแทนได้ |
|
<div align="left/center/right">
|
การกำหนดการจัดวางตำแหน่งของข้อความหรือรูปภาพ
ค่าปกติคือซ้าย
|
|
<img src="name">
|
คำสั่งการแทรกรูปภาพในตำแหน่งต่างๆ name
คือชื่อรูปภาพชนิด
JPG, GIF, PNG
|
