HTML Language
เรียนรู้การสร้าง web แบบมืออาชีพ


บทเรียนที่ 4 : การใส่ภาพประกอบในเอกสาร


นำภาพมาแสดงบน Web Page

รูปภาพเป็นส่วนที่ทำให้ web page มีความน่าสนใจมากยิ่งขึ้น ประเภทของรูปภาพที่สามารถนำมาใส่ใน web page ได้แก่ gif, jpg, png สำหรับรูปภาพ gif สามารถสร้างเป็นภาพเคลื่อนไหวได้ด้วย สนใจอ่านเพิ่มเติมการสร้างภาพเคลื่อนไหวด้วย Ulead Gif Animation พร้อมวิธีการสร้างแบบ step by step สำหรับคำสั่งในการใส่รูปภาพในเอกสาร HTML ให้ดูตัวอย่างดังนี้


ตัวอย่างการใช้คำสั่งสำหรับการใส่รูปภาพ

<HTML>
<HEAD>
<TITLE> โปรแกรมแรกของดิฉัน </TITLE>
</HEAD>
<BODY>

<img src = "banner\thaithai.gif">


</BODY>
</HTML>


หมายเหตุ :- ตัวหนังสือสีแดง คือคำสั่งในภาษา HTML


ผลการรันด้วย Internet Explorer



รายละเอียดความหมายของแต่ละคำสั่ง
  • <img src = "banner\thaithai.gif">
    ความหมาย : - คำสั่งในการแสดงรูปภาพ ไม่ว่าจะเป็นรูปภาพเคลื่อนไหว (gif animation) )หรือรูปภาพธรรมดา ก็ใช้คำสั่งเดียวกัน และไม่จำเป็นจะต้องมี Tag ปิดท้ายเหมือนคำสั่งอื่น ๆ

    สำหรับตัวอย่างนี้ไฟล์ thaithai.gif จะเก็บอยู่ใน folder ที่ชื่อว่า banner


ยินดีด้วยค่ะ !
คุณสามารถเข้าใจได้อีกหนึ่งคำสั่งของภาษา HTML แล้ว บทต่อไป บทเรียนที่ 5 - : การสร้างจุดเชื่อมโยง หรือ Link


Copyright ® 2000-2001 IT-Guides.Com all right reserve
Always Online