給部落格初學者學習基礎連結語法 .－人生何處不相逢

給部落格初學者學習基礎連結語法 .

分類：版型

2012/08/21 16:44

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

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

"""""
主題+語法 觀看樣式+範例語法
文字+連結
<a href="連結網址">文字</a> Linda達令
<a href="http://tw.myblog.yahoo.com/linda590902/">Linda達令</a>
按字跳另一個視窗畫面的文字+連結
<a href=" 連結網址" target=_blank>文字 Linda達令
<a href=" http://tw.myblog.yahoo.com/linda590902/" target=_blank>Linda達令 

★註：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>