新手必讀--貼圖及連結技巧 HTML語法 (提供範例)

文字+連結
<a href="連結網址">文字</a>

<A href="http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam">Rose Blog</A>

Rose Blog

按字跳另一個視窗畫面的文字+連結
<p><font face=標楷體><strong><font color=#0000ff size=3><a href=" 連結網址" target=_blank>文字</strong></font> </b></font></p>

<P><FONT face=標楷體><STRONG><FONT color=#0000ff size=3><A href="http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam" target=_blank>GO TO ROSE BLOG</STRONG></FONT> </B></FONT></P></A>

GO TO ROSE BLOG

貼圖(LOGO)+連結+註解 (跳另一視窗)
<a href="連結網址" target=blank><img alt=""""""""""""""""""""文字解說"""""""""""""""""""" src="圖檔網址" border=0 /></a>

<A href="http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam" target=blank><IMG alt=按下前往RoseBlog src="http://i524.photobucket.com/albums/cc321/HelloMissYam/f_t1612690671m_654fb65.gif" border=0 Blog Rose ?></A>

貼圖+連結語法
<a href="連結網址"><img src="圖檔網址"></a>

<A href="http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam"><IMG src="http://img208.imageshack.us/img208/1494/roset.gif"></A>

貼圖圖片縮小或放大+連結
<img src="圖片網址" width="寬" height="高">

 <IMG height=180 src="http://i060.radikal.ru/0904/81/e46cd64845c9.gif" width=120>

----> 原 Size: 140 x 210

圖檔網址 url link:   http://i060.radikal.ru/0904/81/e46cd64845c9.gif

  ----> 縮細後 Size: 1210 x 180

貼圖圖片縮小或放大+連結(跳另一視窗)
<a href="連結網址" target="_blank"><img height=高度 src="圖檔網址"   width=寬度 border=0></a>

<A href="http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam" target=_blank><IMG height=180 src="http://i060.radikal.ru/0904/81/e46cd64845c9.gif" width=120 border=0></A>

   <---按圖前住 Rose Blog

貼圖圖片+註解
<img src="圖檔網址" alt=""""""""""""""""""""""""""""""""""""" 文字解說""">

<img src="http://i060.radikal.ru/0904/81/e46cd64845c9.gif" alt=按圖前住質優部落格>

貼圖片語法(圖檔必須為jpg、gif、bmp、png...)
<img src="圖片網址">

<img src="http://i496.photobucket.com/albums/rr321/sundakib43/10_iykim2000_002.gif">

動畫貼圖(SWF.SVG 等檔使用)

<EMBED src=動畫網址 width=寬度 height=高度 type=application/x-shockwave-flash wmode="transparent" allowscriptaccess="never"></EMBED>

<EMBED src=http://img220.imageshack.us/img220/4263/43296049.swf  width=550 height=460 type=application/x-shockwave-flash wmode="transparent" allowscriptaccess="never"></EMBED>

★註：寬度與高度可自設

圖片加框
<img src="圖檔網址" border=框線大小>

<img src="http://i496.photobucket.com/albums/rr321/sundakib43/10_iykim2000_002.gif "border=5>

圖片加框+連結
<a href="連結網址"><img src="圖檔網址" border=框線大小></a>

<A href="http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam"><IMG src="http://i496.photobucket.com/albums/rr321/sundakib43/10_iykim2000_002.gif" border=5></A>