Latest web development tutorials
×

HTML ฉลาก

HTML รายการแท็ก(ตามลำดับตัวอักษร) HTML รายการแท็ก(ฟังก์ชั่นการจัดเรียง) HTML อสังหาริมทรัพย์ทั่วโลก HTML เหตุการณ์ HTML ผ้าใบ HTML เสียง / วิดีโอ HTML มีประสิทธิภาพ DOCTYPES HTML ชื่อสี HTML ตัวเลือกสี HTML ผสมและตรงกับสี HTML ชุดอักขระ HTML ASCII HTML ISO-8859-1 HTML สัญญลักษณ์ HTML URL การเข้ารหัส HTML รหัสภาษา HTTP ข่าว HTTP ทาง Px/Em เครื่องมือการแปลง แป้นพิมพ์ลัด

HTML ฉลาก

<!--> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <command> <datalist> <dd> <del> <details> <dfn> <dialog> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <head> <header> <hgroup> <h1> - <h6> <hr> <i> <iframe> <img> <input> <ins> <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <html> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <tt> <u> <ul> <var> <video> <wbr>

HTML <img> แท็ก

ตัวอย่าง

วิธีการแทรกภาพ:

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

ลอง»
(สำหรับตัวอย่างเพิ่มเติมโปรดดูที่ด้านล่างของหน้า)

สนับสนุนเบราว์เซอร์

Internet ExplorerFirefoxOperaGoogle ChromeSafari

เบราว์เซอร์ที่สำคัญทุกการสนับสนุนแท็ก <img>


คำจำกัดความและคำแนะนำการแท็ก

<img> แท็กกำหนดภาพหน้าเว็บ HTML

<img> แท็กมีสองแอตทริบิวต์ที่จำเป็น: src และ Alt

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

เคล็ดลับ: โดยรังแท็ก <img> ในแท็บ <a> เพิ่มไปยังภาพที่เชื่อมโยงไปยังเอกสารอื่น


ความแตกต่างระหว่าง HTML 4.01 และ HTML5

HTML5 ไม่สนับสนุนคุณลักษณะดังต่อไปนี้: จัดชายแดน hspace, longdesc, vSpace

ใน HTML 4.01, คุณลักษณะต่อไปนี้: จัดชายแดน hspace, vSpace ล้าสมัย


ความแตกต่างระหว่าง HTML และ XHTML

ใน HTML, <img> แท็กไม่มีแท็กปิด

ใน XHTML, <img> แท็กจะต้องปิดอย่างถูกต้อง


คุณสมบัติ

ใหม่: HTML5 ให้บริการใหม่

属性 描述
align top
bottom
middle
left
right
HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像。
alt text 规定图像的替代文本。
border pixels HTML5 不支持。HTML 4.01 已废弃。 规定图像周围的边框。
crossorigin New anonymous
use-credentials
设置图像的跨域属性
height pixels 规定图像的高度。
hspace pixels HTML5 不支持。HTML 4.01 已废弃。 规定图像左侧和右侧的空白。
ismap ismap 将图像规定为服务器端图像映射。
longdesc URL HTML5 不支持。HTML 4.01 已废弃。 指向包含长的图像描述文档的 URL。
src URL 规定显示图像的 URL。
usemap #mapname 将图像定义为客户器端图像映射。
vspace pixels HTML5 不支持。HTML 4.01 已废弃。 规定图像顶部和底部的空白。
width pixels 规定图像的宽度。


อสังหาริมทรัพย์ทั่วโลก

<img> tag สนับสนุน HTML คุณสมบัติทั่วโลก


คุณสมบัติเหตุการณ์

<img> tag สนับสนุน คุณสมบัติเหตุการณ์ HTML


ตัวอย่าง

ลอง - ตัวอย่าง

แทรกภาพจากสถานที่ที่แตกต่างกัน
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการที่โฟลเดอร์หรือเซิร์ฟเวอร์ที่แตกต่างกันภาพที่จะแสดงหน้าเว็บ

สร้างการเชื่อมโยงภาพ
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการใช้ภาพเป็นลิงค์

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


บทความที่เกี่ยวข้อง

HTML Tutorial: การ แสดง HTML

คู่มือการใช้งาน HTML DOM อ้างอิง: ภาพวัตถุ