Space 簡易教程（八）—— 文繞圖及首字下沉
（一）圖片在左側或右側的「文繞圖」排版方法① 先寫好一段文字，再根據教程（七）中給出的圖片插入方法（二）或（三），將所需圖片插入到這段文字中。② 滑鼠右鍵點擊所插入的圖片，在菜單中選擇「水平對齊方式」，然後如果選擇左對齊，則圖片在左邊，如果選擇右對齊，則圖片會到右邊。這時你就可以看到「文繞圖」的效果了。
邊的文繞圖效果 圖在文字左邊的文繞圖效果圖在文字左邊的文繞圖效果圖在文字左邊的文繞圖效果 圖在文字左邊的文繞圖效果。 圖在文字右邊的文繞圖效果 圖在文字右
邊的文繞圖效果 圖在文字右邊的文繞圖效果 圖在文字右邊的文繞圖效果 圖在文字右邊的文繞圖效果 圖在文字右邊的文繞圖效果。③ 圖片的大小和位置，可以用滑鼠左鍵點中後拖動來改變，請參考教程（七）中的動畫。④ 如果點擊<HTML>模式轉換按鈕，可以看到上述步驟實際上實在<IMG>語句中，添加了一個參數：align=left 或 align=right，從而達到「文繞圖」的效果。⑤ 在本教程第三部分，還給出了一種通過<SPAN style=......>語句來實現「文繞圖」的辦法。（二）圖片在文字環繞四周的「文繞圖」排版方法想取得圖片在文字正中的效果，可以利用表格<TABLE>語句來完成。請看下面這個例子：圖上的文字 圖上的文字 圖上的文字 圖上的文字 圖上的文字 圖上的文字 圖上的文字 圖上的文字圖左邊的文字 圖左邊的文字 圖左邊的文字 圖左邊的文字
圖右邊的文字 圖右邊的文字 圖右邊的文字 圖右邊的文字圖下的文字 圖下的文字 圖下的文字 圖下的文字 圖下的文字 圖下的文字 圖下的文字 圖下的文字這是一個 3 X 3 的表格做出來的效果，圖片被放在了正中的單元格中，造成文字環繞的效果。具體代碼如下：<DIV align=center><TABLE cellSpacing=1 cellPadding=0 rules=no width_=260><TBODY><TR align=left><TD colSpan=3>圖上的文字......</TD></TR><TR align=middle><TD>圖左邊的文字......</TD><TD><IMG height=38 src="https://www.getit01.com/getimg_360.php?url=http://spaces.msn.com/rte/emoticons/star.gif" width_=38></TD><TD>圖右邊的文字......</TD></TR><TR align=left><TD colSpan=3>圖下的文字......</TD></TR></TBODY></TABLE></DIV>（三）「首字放大下沉」的排版方法「首字放大下沉」的效果，常見於書本雜誌，其特點就是文章的第一個字大小一般是正文的兩倍，甚至更大。如果我們把首字做成藝術字的圖片，就完全可以採用上述方法（一）中「文繞圖」方式來達到「首字放大下沉」的效果。如果我們不把首字做成圖片，就需要用代碼來完成，實例如下：首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首具體代碼如下：<DIV style="FONT-SIZE: 12px; LINE-HEIGHT: 14px"><SPAN style="FONT-SIZE: 24px; LINE-HEIGHT: 28px; FLOAT: left;"><B>首</B></SPAN>字放大下沉效果首字放大下沉效果 ......</DIV>其中藍色數字可根據自己的需要調整字體的大小。另外，如果將代碼<B>首</B>換成圖片語句，比如：<IMG height=38 src="https://www.getit01.com/getimg_360.php?url=http://spaces.msn.com/rte/emoticons/star.gif" width_=38>，那麼也能形成「文繞圖」的效果，感興趣的朋友可以試一試。
推薦閱讀：
※煙雨中秋祭周煌 - okokkk MySpace聚友博客
※人際關係中的為人處世原則方法 - 冷月飛燕 MySpace聚友博客
※無邊落木蕭蕭下，不盡長江滾滾來 - 李逍遙 MySpace聚友博客