|
HTML > HTML Tutorial
ภาพ HTML
HTML ทำให้สามารถแสดงภาพในเอกสาร
แท็ก Image และคุณลักษณะ Src
ใน HTML ภาพได้รับการกำหนดด้วยแท็ก <img> โดยแท็ก <img> เป็นแท็กว่างที่มีหมายความว่าเก็บเฉพาะคุณลักษณะและไม่แท็กปิด ในการแสดงภาพบนเพจ ต้องใช้คุณลักษณะ src ซึ่งย่อมาจาก source ค่าของคุณลักษณะ src เป็น URLของภาพที่ต้องการแสดงผลบนเพจ
ไวยากรณ์กำหนดภาพ
URL ชี้ไปที่ ตำแหน่งจัดเก็บภาพ ตำแหน่งของภาพชื่อ boat.gif อยู่ในไดเรคทอรี images บน www.widebase.net มี URL
http://www.widebase.net/mytools/img/widelogo.jpg
Browser วางภาพที่มีแท็ก image ในเอกสาร ถ้าวางแท็ก image ระหว่าง 2 ย่อนหน้า browser แสดงย่อหน้าแรก จากนั้นเป็นภาพ และย่อหน้าที่สอง
คุณลักษณะ alt
คุณลักษณะ alt ได้รับการใช้เพื่อกำหนด "alternate text" สำหรับภาพ ค่าของคุณลักษณะ alt เป็นข้อความกำหนดโดยผู้เขียน
| <img src="widelogo.jpg" alt="widebase"> |
คุณลักษณะ alt บอกให้ผู้อ่านรู้ว่ามีการสูญหายบนเพจ ถ้า browser ไม่สามารถโหลดภาพ browser จะแสดง alternate text แทนที่ภาพ นี่เป็นการปฏิบัติที่ดีในการรวมคุณลักษณะ alt สำหรับแต่ละภาพบนเพจเพื่อปรับปรุงการแสดงผลและการใช้ประโยชน์เอกสารนี้สำหรับคนที่มี browser อ่านเฉพาะข้อความ
หมายเหตุเบื้องต้น
ถ้าไฟล์ HTML เก็บ 10 ภาพ จะมีความต้องการแสดงผลสิบเอ็ดไฟล์บนเพจนั้น การโหลดภาพใช้เวลา ดังนั้นคำแนะนำคือระวังการใช้ภาพ
แท็ก Image
| แท็ก |
คำอธิบาย |
| <img> |
กำหนดภาพ |
| <map> |
กำหนด image map |
| <area> |
กำหนดื้นที่คลิกได้ภายใน image map |
|
