NECTEC
NSTDA
Home
Computer
Program
Internet & Web
Graphics
CAI
Multimedia
Electrical Power
General Education
Special Education
Links
Webmaster
Web Design by HTML

ข้อความอธิบายรูปภาพเมื่อเมาส์อยู่เหนือภาพ

ข้อความอธิบายรูปภาพ เมื่อนำเมาส์ไปชี้เหนือรูปภาพ สามารถกระทำได้โดยเพิ่ม Attribute ชื่อ Title ในแท็ก IMG

<IMG SRC="ไฟล์รูปภาพ" ALT="คำอธิบายภาพ" WIDTH="n" HEIGHT="n" TITLE="คำอธิบายภาพที่มีข้อความยาว">

ข้อแตกต่างระหว่าง Attribute ALT และ TITLE

ALT จะช่วยแสดงข้อความอธิบายระหว่างดาวน์โหลดภาพ มาแสดงบนเบราเซอร์ และช่วยให้ข้อความสำหรับ Search Engine จึงเหมาะกับการกำกับด้วยข้อความสั้นๆ และมีลักษณะเป็นคีย์เวิร์ด (Keyword)

TITLE เป็น Attribute ที่เพิ่มใน HTML 4.0 สำหรับการอธิบายภาพด้วยข้อความยาวๆ

Internetตัวอย่างของคำสั่งและการแสดงผล

<IMG SRC="../../web-tech/www2.gif" ALT="Internet" WIDTH="159" HEIGHT="181" TITLE="อินเทอร์เน็ต เป็นเครือข่ายของเครือข่ายที่มีประสิทธิภาพสูงสุด และได้รับความนิยมอย่างแพร่หลาย">

ลองนำเมาส์เลื่อนชี้ที่ภาพแล้วค้างไว้สักครู่ เพื่อรอดูผลลัพธ์ที่ปรากฏ