วันอังคารที่ 7 เมษายน พ.ศ. 2558

คำสั่งแทรกรูปภาพ

สำหรับในการแทรกรูปภาพบนหน้าเว็บเพจนั้นสามารถทำได้ง่ายๆ ด้วยการระบุคำสั่ง <IMG SRC="ชื่อรูปภาพ">ดังตัวอย่างนี้จะเป็นการแทรกรูปภาพทั้งเป้นพื้นหลังและในหน้าเว็บเพจ
<html>
      <head>
          <title>
              Insert Images : การแทรกภาพ
          </title>
      </head>
      <body background="bgimage.gif">
            ข้อความที่แสดงในส่วนเนื้อหา
            <img src="kerokero.gif">
      </body>
</html>
ตัวอย่างการแสดงผลจากคำสั่งด้านซ้ายมือ

ข้อความที่แสดงในส่วนเนื้อหา
Kerokero


หากเราต้องการแสดงรูปให้มีขนาดต่างจากขนาดจริงของภาพ ก็สามารถทำได้ด้วยการกำหนดเพิ่มในส่วนของความกว้าง ความยาวของรูปภาพ ดังตัวอย่าง ภาพแรกคือภาพขนาดจริง ภาพที่สองเป็นการลดขนาดลง และภาพที่สามเป็นการเพิ่มขนาดขึ้น

<html>
      <head>
          <title>
              Insert Images : การกำหนดขนาดภาพ
          </title>
      </head>
      <body>
            แสดงการกำหนดขนาดภาพ<br>
            <img src="daffy.gif"><br>
            <img src="daffy.gif" width="50" height="51"><br>
            <img src="daffy.gif" width="150" height="153"><br>
      </body>
</html>
ตัวอย่างการแสดงผลจากคำสั่งด้านซ้ายมือ

แสดงการกำหนดขนาดภาพ
Daffy
Daffy
Daffy

ไม่มีความคิดเห็น:

แสดงความคิดเห็น