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

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

การใส่รูปภาพ
การทำเว็บเพจในหนึ่งหน้า นอกจากจะมีข้อความแล้วยังต้องประกอบด้วยรูปภาพเพื่อเพิ่มความน่าสนใจให้กับเว็บเพจ นอกจากนี้แล้วรูปภาพยังสามารถสื่อความหมายได้ชัดเจนกว่าข้อความ ดังคำกล่าวที่ว่า "หนึ่งภาพแทนพันตัวอักษร" การใส่รูปภาพในเอกสาร HTML นั้นคุณจะต้องเตรียมรูปภาพไว้ก่อนค่ะ โดยใช้แท็กสำหรับแสดงผลรูปภาพดังนี้
           รูปแบบแท็กการใส่รูปภาพ      <img src = "ชื่อภาพ">
 รูปแบบการใส่รูปภาพ

  <html>
  <head><title> ....การใส่รูปภาพ....</title></head>
       <body>
               <img src = "lilies.jpg">       
       </body>
  </html>
 
สำหรับแท็กการใส่รูปภาพ สามารถมี Attribute กำกับเพิ่มเติมได้้ ไม่ว่าจะเป็นขนาดความกว้าง ความสูงของรูปภาพว่าเราต้องการให้แสดงขนาดกว้างและสูง เท่าไหร่ ซึ่งหากเราไม่ได้ระบุภาพจะมีขนาดเท่าขนาดของภาพต้นฉบับ นอกจากนี้เรายังสามารถใส่ขอบของภาพได้ด้วย ซึ่ง Attribute มีดังนี้
                ความกว้าง    width="ตัวเลขระบุความกว้าง"
                ความสูง       height="ตัวเลขระบุความสูง"
                เส้นขอบ      border="ตัวเลขระบุความหนาของเส้นขอบ"

ตัวอย่าง    <img src = "lilies.jpg" width="200" height="150" border="1">
จากตัวอย่าง จะแสดงภาพขนาด 200x150 px. (หน่วยการแสดงผลภาพ แสดงเป็น Pixels) และมีขอบ หากไม่ต้องการให้แสดงเส้นขอบให้กำหนด border="0" (หากต้องการใ้ห้ขอบมีความหนามาก ระบุตัวเลขให้มาก)

Cr.http://www.thainextstep.com/html/html_06.php
เขียนโดย ที่

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

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

สมัครสมาชิก: ส่งความคิดเห็น (Atom)