圖片文字連結語法整理(一)

2007111623:17

 

直接在圖片加上文字,可以省略製作圖片的麻煩~~

如果您想在自訂欄位,設定一些連結,請選擇自己喜歡的連結使用。

如果您是選用第10個語法,而您又希望圖片的寬度=自訂欄位的寬度,

可以依您的文字的字數,調整文字的大小,或是加上『全形』的空白字。

這樣在圖片加上文字,可以省略製作圖片的麻煩~~

 晨曦婆婆祝您健康快樂 

 晨曦婆婆愛妳喔 

 晨曦乍現就是妳家 

 

1.以文字做連結 → 《晨曦乍現》
<a href="連結網址"><font color=#ff0000><b>文字</b></font></a>

 

2.以文字做連結 (另開網頁)→ 《晨曦乍現》
<a href="連結網址" target="_blank"><font color=#ff0000><b>文字</b></font></a>

 

3.以文字做連結(設定文字顏色,大小,字體)→   《晨曦乍現》
<a href="連結網址"><font color=#0000CC size=5 face=標楷體><b>文字</b></font></a>

 

4.以圖片做連結→  
<a href="連結網址" ><img src="圖片網址" ></a>

 

5.以圖片連結(另開網頁)→ 
<a href="連結網址" target="_blank" ><img src="圖片網址" ></a>

 

6.在圖片上加文字→ 《晨曦乍現》
<p><font style="BACKGROUND: url(底圖網址)" color=ff00cc >文字</font></p>

 

7.在圖片上加文字(設定文字顏色,大小,字體)→ 《晨曦乍現》
<p><font style="BACKGROUND: url(底圖網址)" color=ff00cc size=5 face=標楷體>文字</font></p>

 

8.在圖片上加小圖和文字→ 《晨曦乍現》
<p><font style="BACKGROUND: url(底圖網址)" color=#ff66 ><img src="小圖網址" >文字 </font></p>

 

9.在圖片上加連結文字→ 《晨曦乍現》
<p><font style="BACKGROUND: url(底圖網址)" color=#f373a2 size=3><a href="連結網址">文字</a></font></p>

 

10.在圖片上加連結文字(設定文字顏色,大小,字體)→ )《晨曦乍現》
<p><font style="BACKGROUND: url(底圖網址)" face=標楷體 color=#f373a2 size=5><a href="連結網址"><font color=#00ccff><b>文字</b></font></a></font></p>

.

.

.

.

如果您現在有空,請在我的回應,和我打個招呼如何?


1.勾選左下方有一個  『觀看HTML原始碼』

2.貼上以下語法

<p><font style="BACKGROUND: url(http://smile1948.googlepages.com/11.gif)" color=ff0099 size=5 face=標楷體> 晨曦婆婆祝您健康快樂 </font></p>

3.刪掉  『 晨曦婆婆祝您健康快樂』

4.打上   『 晨曦婆婆愛妳喔』(當然也可以打上任何文字~~)

5.圖片網址,文字顏色,文字大小,可以改,也可以不改。請隨意~

6.發表