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

2009030318:43

 

琳達教學:給部落格初學者學習基礎連結語法
一些格友常常問到的連結語法和貼圖語法的問題
琳達整理成篇,在此就一一示範做教學
有可能你是看了一頭霧水,其實只要自己動手試試
你會發現其實也沒有那麼的困難啦~
在此琳達也提供了琳達的語法測試→ ★琳達語法測試★
只要將語法貼在測試空白處,按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 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://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>


註:圖片必需先上傳網路空間取得網址再將網址貼在上面語法中圖檔網址處
註:在自定欄位中貼圖需注意寬度,最好是以 130~150 寬度以下較為適合
註:文章內文區貼圖需知:
按發表文章→ 打上文章標題→ 選擇文章分類或新增新分類→ 將下方的觀看HTML 原始碼 (說明)口裡面打勾→ 將上方的貼圖語法貼上
(註: 文章內文區圖片寬度最好在600以下,才不會造成版面側欄位被擠到下方去囉~)
若是文字與文字之間要貼圖,那就在要貼圖的地方先打上一個『貼』字(做記號用的),將下方的觀看HTML 原始碼 (說明)口裡面打勾→找出剛才打的『貼』,再將語法直接貼在記號上,圖片就會在你想要放的位置上囉~