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

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


<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>
            <div align="center">
             ตำแหน่งและเส้นขอบรูปภาพ<br>
              <img src="kerokero.gif" border="3">
            </div>
      </body>
</html>
ตัวอย่างการแสดงผลจากคำสั่งด้านซ้ายมือ

ตำแหน่งและเส้นขอบรูปภาพ

รูปกบ Kero

<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
END : สรุปคำสั่งที่ใช้ในบทนี้
TAGSรายละเอียด
<br>
<p> ... </p>
คำสั่งกำหนดการตัดคำขึ้นบรรทัดใหม่ ณ ตำแหน่งที่แทรกคำสั่งนี้ <br>
คำสั่งกำหนดย่อหน้าข้อความ (จะเว้นบรรทัดทั้งก่อนหน้าและหลังย่อหน้านั้น 1 บรรทัด)
&nbsp;การแทรกช่องว่างมากกว่า 1 เคาะวรรคด้วยการแทรกชุดอักขระพิเศษนี้แทน (1 ชุดแทน 1 เคาะวรรค)
<blockqoute> ,
<p style="text-indent:x">
การกำหนดการเยื้องข้อความให้ห่างจากขอบทั้งซ้ายและขวา
การเยื้องย่อหน้าในบรรทัดแรก x เป็นตัวเลขระบุหน่วยพิกเซล แสดงผลได้ดีใน IE บราวเซอร์อื่นอาจเพี้ยนได้ สามารถใช้การแทรกอักขระพิเศษ (ชุดอักษรว่าง) ตามจำนวนเคาะวรรคที่ต้องการเยื้องแทนได้
<div align="left/center/right">การกำหนดการจัดวางตำแหน่งของข้อความหรือรูปภาพ ค่าปกติคือซ้าย
<img src="name">คำสั่งการแทรกรูปภาพในตำแหน่งต่างๆ name คือชื่อรูปภาพชนิด JPG, GIF, PNG

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

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