琳達教學:給部落格初學者學習基礎連結語法

2010062216:22

 

琳達教學:給部落格初學者學習基礎連結語法
一些格友常常問到的連結語法和貼圖語法的問題
琳達整理成篇,在此就一一示範做教學
有可能你是看了一頭霧水,其實只要自己動手試試
你會發現其實也沒有那麼的困難啦~
在此琳達也提供了琳達的語法測試→ ๑۩۩๑琳達語法測試
只要將語法貼在測試空白處,按OK,
語法的結果就會出來了,好讓你能夠得心應手喔~
若這裡沒有你要的連結語法或是貼圖語法,請告知琳達
我將儘快補在內文裡
有需要的好友請您正確引用此文

主題+語法 觀看樣式+範例語法
文字+連結
<a href="連結網址">文字</a>
Linda達令
<a href="http://tw.myblog.yahoo.com/linda590902/">Linda達令</a>
按字跳另一個視窗畫面的文字+連結
<p><font face=標楷體><strong><font color=#0000ff size=3><a href=" 連結網址" target=_blank>文字</strong></font> </b></font></p>
Linda達令
<p><font face=標楷體><strong><font color=#0000ff size=3><a href=" http://tw.myblog.yahoo.com/linda590902/" target=_blank>Linda達令</strong></font> </b></font></p>

★註:color= #0000ff 文字顏色代碼  size= 3  文字大小
貼圖(LOGO)+連結+註解 (跳另一視窗)
<a href="連結網址" target=blank><img alt=""""""""""""""""""""""文字解說"""""""""""""""""""""" src="圖檔網址" border=0 /></a>
 
<A href="http://tw.myblog.yahoo.com/linda590902/" target=blank><IMG alt="""""""""""""""""""""""琳達""""""""""""""""""""""" src=" http://img34.imageshack.us/img34/7731/lindalogo2.gif" border=0></A>
貼圖+連結語法
<a href="連結網址"><img src="圖檔網址"></a>
 
<a href="http://tw.myblog.yahoo.com/linda590902/"><img src="http://chuan0510.googlepages.com/chuan030.gif"></a>
貼圖圖片縮小或放大+連結
<a href="連結網址"><img src="圖檔網址" width="寬" height="高"></a>
將圖縮小
<a href="http://tw.myblog.yahoo.com/linda590902/"><img src="http://img6.imageshack.us/img6/2161/linda590902.gif" width="142" height="95"></a>
★註:寬與高可自行設定
貼圖圖片縮小或放大
<img src="圖片網址" width="寬" height="高">
將圖縮小
<img src="http://i278.photobucket.com/albums/kk120/linda750637love/Lindatw001.gif" width="160" height="99">
貼圖圖片縮小或放大+連結(跳另一視窗)
<a href="連結網址" target="_blank"><img height=高度 src="圖檔網址"   width=寬度 border=0></a>
 
<a href="http://i278.photobucket.com/albums/kk120/linda750637love/Lindatw001.gif" target="_blank"><img height=99 src="http://i278.photobucket.com/albums/kk120/linda750637love/Lindatw001.gif "   width=160 border=0></a>
貼圖圖片+註解
<img src="圖檔網址" alt=""""""""""""""""""""""""""""""""""""""""" 文字解說""">
 
<img src="http://img22.imageshack.us/img22/5472/snagitlindac046.jpg" alt=""""""""""""""""""歡迎您參觀我的露天拍賣網""""""""""""""">
貼圖片語法(圖檔必須為jpg、gif、bmp、png...)
<img src="圖片網址">
 
<img src="http://img22.imageshack.us/img22/5472/snagitlindac046.jpg">
動畫貼圖(SWF.SVG 等檔使用)
<embed src="動畫網址"  width="寬度" height="高度"></embed>

★註:寬度與高度可自設

<embed src="http://blog.roodo.com/debbie45w_w/6f26ef9d.swf"  width="152" height="270"></embed>
圖片加框
<img src="圖檔網址" border=框線大小>
 
<img src="http://chuan0510.googlepages.com/chuan030.gif" border=10>
圖片加框+連結
<a href="連結網址"><img src="圖檔網址" border=框線大小></a>
 
<A href="http://tw.myblog.yahoo.com/linda590902/"><IMG src="http://chuan0510.googlepages.com/chuan030.gif" border=8></A>



 琳達

<A href="http://tw.myblog.yahoo.com/linda590902/" target=blank><IMG alt="""""""""""""""""""琳達""""""""""""""""""" src="http://i296.photobucket.com/albums/mm190/linda750637/1208116307Z.gif" border=0></A>