HTML image tag : สอน tag ของ image tag, เรียน tag ของ image tag
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • img ใช้ในการกำหนด tag รูปภาพ บนเอกสาร html
    img src ใช้กำหนดรูปภาพ
    img alt ใช้ในการกำหนดคำบรรยายภาพ เมื่อ mouse over
    img width ใช้กำหนดขนาดความกว้างของภาพ
    img height ใช้ในการกำหนดความสูงของภาพ
    img border ใช้กำหนดขนาดความหนาของเส้นขอบ
    img align ใ้ช้กำหนดตำแหน่งของภาพ เมื่อเทียบกับข้อความ
    img vspace ใช้กำหนดระยะห่างระหว่างข้อความ กับขอบบนและขอบล่างของรูปภาพ
    img hspace ใช้กำหนดระยะห่างระหว่างข้อความ กับขอบซ้ายและขอบขวาของรูปภาพ
    img usemap ใช้กำหนดว่ารูปภาพนั้นจะใช้ map ใด
  • tag :
    <img />

    position :
    <body> ... </body>

    content :
    ใช้ในการกำหนด tag รูปภาพ บนเอกสาร html

    example :
    <img src="panda.jpg" />

  • tag :
    <img src="value" />

    value :
    ชื่อไฟล์ภาพ

    content :
    ใช้กำหนดรูปภาพ

    example :
    <img src="panda.jpg" />

  • tag :
    <img alt="value" />

    value :
    ข้อความ

    content :
    ใช้ในการกำหนดคำบรรยายภาพ เมื่อ mouse over
    และถ้าหากว่าไม่พบภาพก็จะแสดง คำบรรยาย นี้แทนด้วย

    example :
    <img src="panda.jpg" alt="panda" />

  • tag :
    <img width="value" />

    value :
    ตัวเลข, เปอร์เซ็นต์

    content :
    ใช้กำหนดขนาดความกว้างของภาพ

    example :
    <img src="panda.jpg" width="150px" />

  • tag :
    <img height="value" />

    value :
    ตัวเลข, เปอร์เซ็นต์

    content :
    ใช้ในการกำหนดความสูงของภาพ

    example :
    <img src="panda.jpg" height="50px" />

  • tag :
    <img border="value" />

    value :
    ตัวเลข

    content :
    ใช้กำหนดขนาดความหนาของเส้นขอบ

    example :
    <img src="panda.jpg" border="2" />

  • tag :
    <img align="value" />

    value :
    left, right, top, middle, bottom

    content :
    ใ้ช้กำหนดตำแหน่งของภาพ เมื่อเทียบกับข้อความ

    example :
    <img src="panda.jpg" align="top" /> ยินดีต้อนรับเข้าสู่เวปไซต์

  • tag :
    <img vspace="value" />

    value :
    ตัวเลข

    content :
    ใช้กำหนดระยะห่างระหว่างข้อความ กับขอบบนและขอบล่างของรูปภาพ 
    ( vspace ย่อมาจาก vertical space )

    example :
    <img src="panda.jpg" vspace="5" />

  • tag :
    <img hspace="value" />

    value :
    ตัวเลข

    content :
    ใช้กำหนดระยะห่างระหว่างข้อความ กับขอบซ้ายและขอบขวาของรูปภาพ 
    ( hspace ย่อมาจาก horizontal space )

    example :
    <img src="panda.jpg" hspace="5" />

  • tag :
    <img usemap="value" />

    value :
    #ชื่อแมพ

    content :
    ใช้กำหนดว่ารูปภาพนั้นจะใช้ map ใด

    example :
    <map name="map_panda">
         <area shape="circle" coords="200, 180, 170" href="http://www.bamboolabcode.com" />
         <area shape="rect" coords="0, 50, 20, 50" href="http://www.bamboolabcode.com" />
    </map>
    <img src="panda.jpg usemap="#map_panda" />

 
Share This Chapter Login with Facebook