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

一些格友常常問到的連結語法和貼圖語法的問題
琳達整理成篇,在此就一一示範做教學
有可能你是看了一頭霧水,其實只要自己動手試試
你會發現其實也沒有那麼的困難啦~
在此琳達也提供了琳達的語法測試→ ★琳達語法測試★
只要將語法貼在測試空白處,按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://i469.photobucket.com/albums/rr57/linda9295/lindalogo1.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://i296.photobucket.com/albums/mm190/linda750637/1208116307Z.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 src="圖檔網址 " alt="""""""""文字解說""""""""" border="0" width="寛度" height="高度"></a></p>
 
<a href="http://i278.photobucket.com/albums/kk120/linda750637love/Lindatw001.gif" target="_blank"><img src="http://i278.photobucket.com/albums/kk120/linda750637love/Lindatw001.gif " alt="""""""""琳達真心對你的祝福喲~""""""""" border="0" width="160" height="99"></a></p>
貼圖圖片+註解
<img src="圖檔網址" alt=""""""""""""""" 文字解說""">

<img src="http://i296.photobucket.com/albums/mm190/linda750637/55437.gif?t=1214162593" alt=""""""""""歡迎您參觀我的露天拍賣網""">"""""
貼圖片語法(圖檔必須為jpg、gif、bmp、png...)
<img src="圖片網址">

<img src="圖片網址">
動畫貼圖(SWF.SVG 等檔使用)
<embed src="動畫網址"  width="寬度" height="高度"></embed>

★註:寬度與高度可自設

<embed src="http://blog.roodo.com/debbie45w_w/6f26ef9d.swf"  width="152" height="290"></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="10"></a>
 
arrow
arrow
    文章標籤
    教學
    全站熱搜
    創作者介紹
    創作者 鳳鳳幸福滿滿部落 的頭像
    鳳鳳幸福滿滿部落

    鳳鳳部落格!平安快樂!幸福滿滿!

    鳳鳳幸福滿滿部落 發表在 痞客邦 留言(0) 人氣()