Image Label

အခု image ကို မွန္တဲ့ URL ထည့္ျပီးေတာ့ title attribute ကို ေအာက္ကလိုထည့္ပါမယ္။

<img src="onepice_cover.jpg" title="One Piece Cover" width="150px" height="200px" alt="onepice cover">

title="One Piece Cover" ဆိုတာကေတာ့ ဒီ image ရဲ႕ ေခါင္းစဥ္ပါ။ mouse pointer ေထာက္လိုက္ရင္ tooltip အေနနဲ႕ ေပၚလာမယ့္ စာပါ။

Figure 5-7

ပံုေတြမွာ mouse ေထာက္လိုက္ျပီးေတာ့ ဘာ ပံုလည္းဆိုတာကို ညႊန္းတဲ့ အေနနဲ႕ အသံုးျပဳပါတယ္။ title ဟာ search engine လိုမ်ဳိးေတြမွာ ပံုကို ရွာေတြ႕ဖုိ႕လည္း အေထာက္ အကူျပဳပါတယ္။ ဒါေၾကာင့္ ပံုေတြကို ထည့္သြင္းရာမွာ alternative text နဲ႕ title ႏွစ္ခုလံုးကို အသံုးျပဳသင့္ပါတယ္။