追蹤
我的網誌--養草中
關於部落格
環遊世界要幾天--我的夢想是能有一本蓋滿世界各個國家戳記的護照
,不過1年才出國一次
,可能改行當導遊還比較快(~^o^~) ~~
  • 47134

    累積人氣

  • 1

    今日人氣

    0

    追蹤人氣

把圖片或文字變成連結

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

2007/11/16 23: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.發表

 


 

以下是我自己的心得
--------------------------------------------------------------------------------------------------------------------------------
<P><A href="想要連結的網址" target=_blank><IMG alt=圖片說明 hspace=0 src="想要顯現的圖片網址" align=bottom border=0></A>圖片之後加的文字 </P>
----------------------------------------------------------------------------------------
可以COPY整個語法拿去用,只要把中文字部分去掉,改成你要的部分即可
target=_blank --->意思是點選連結時,會另開新視窗


例如:
<P><A href="http://tw.myblog.yahoo.com/fight-mon/" target=_blank><IMG alt=戰鬥毛 hspace=0 src="http://edsion1019.myweb.hinet.net/blog/msn2/icon/fm514.gif" align=bottom border=0></A>戰鬥毛 </P>

會變成這樣

戰鬥毛戰鬥毛

相簿設定
標籤設定
相簿狀態