彈出式提示框-title與alt

本Blog首頁輪播圖片有加上宣告作者及來源的語法，
只要將滑鼠移至圖片上方就會跳出提示框顯示照片作者及來源(如上圖)。
由於引用CC授權圖片就要標示姓名，除了以此方式做宣告外，也可在圖片周遭標示，或新增網頁表列。

只要是圖片，不論是由範本以語法加入，或是在Posts或Pages裡插入，加入提示框的語法都一樣。
title="要顯示的提示文字"


一、以發表文章為例，操作步驟如下：
1.插入圖片後切換至HTML模式

2.找到圖片的語法串，在<img src="圖片網址">後加入 title="要顯示的提示文字"
成為<img src="圖片網址" title="要顯示的提示文字">

3.切換回撰寫模式並檢視效果後，發佈文章。

完成效果如下

二、範本的圖片
若圖片是由範本加入，則是開啟範本語法後，
一樣在<img src="圖片網址">後加入 title="要顯示的提示文字"
成為<img src="圖片網址" title="要顯示的提示文字">

但還是要記得，修改範本之前一定要先備份。

三、alt
另一個與 title語法 類似的是alt語法
不同之處在於：
title語法 是圖片正常顯示時，另外跳出的文字提示框；
title語法 是圖片無法顯示時，所替代的文字框(如下圖)。

四、參考網站
Wibibi網頁設計教學百科 HTML img title 與 img alt 的差別