文件輸入01 - HTML及CSS語法簡易教學 - 中華民國主院

5、text-indent: 2em; CSS語言，首行縮排，em表示字元，此例為首行退縮2個字元（英文字母為0.5字元），負號表示為首行凸排。

6、margin-left: 2em; CSS語言，左邊界， ... Skiptomaincontent 搜尋本站： 中華民國主院 廿四小時不打烊的教院 简体 -AA+A 首頁»使用教學»進階篇 文件輸入01-HTML及CSS語法簡易教學 Postedin使用教學 文件輸入01-HTML及CSS語法簡易教學 　　網頁中的文字及圖形是以HTML及CSS語言來編排呈現，本篇教學僅介紹幾個常用到的HTML及CSS語法，以利作者編排文字，方便讀者閱覽。

1、

   

     段落標記，用來標示一個段落的範圍。

2、        粗體標記，用來標示粗體字的範圍。

3、      CSS在HTML中的寫法。

4、font-size:large;   CSS語言，選擇「large」的字型大小。

5、text-indent:2em;   CSS語言，首行縮排，em表示字元，此例為首行退縮2個字元（英文字母為0.5字元），負號表示為首行凸排。

6、margin-left:2em;   CSS語言，左邊界，此例為段落的所有行皆退縮2個字元。

7、margin-top:12px;   CSS語言，上邊界，此例為段落的上邊界下移12px（負值為上移）。

  　　綜合上面的語法舉例說明：          顯示的結果如下： 未加HTML+CSS語言： 一、這是第一個段落的第一行文字。

---------------------------------------- -------------------- ------------------這是第一個段落的第二行文字。

--------------------------------------------- 二、這是第二個段落的第一行文字。

---------------------------------------- -------------------- ------------------這是第二個段落的第二行文字。

--------------------------------------------- 加入HTML+CSS語言之後： 一、這是第一個段落的第一行文字。

---------------------------------------------------------------------------這是第一個段落的第二行文字。

-------------------------------------------------- 二、這是第二個段落的第一行文字。

---------------------------------------- -----------------------------------這是第二個段落的第二行文字。

-------------------------------------------------- 　　上面的例子說明，利用text-indent及margin-left兩個語法可以控制段落的縮排、首行縮排或凸排，以便於讀者了解文章段落的層階概念。

而margin-top:-12px是因為程式預設段落之間有12px的間隔，設定-12px可以把兩段落的間隔移除。

  表格的語法 常用的語法如下，其餘的請查書或網路。

       表格標記，用來標示一個表格的範圍。

      表格本體標記，用來標示一個表格本體的範圍。

      表格列標記，用來標記一個列。

     儲存格標記，用來標記一個儲存格。

width   設定寬度    *CSS不適用 height   設定高度    *CSS不適用 align   水平對齊方式：left左、center中、right右、justity分散對齊    *CSS不適用 valign   垂直對齊方式：top上、middle中、bottom下、baseline基準線    *CSS不適用 border   外框線寬度 cellpadding   儲存格與其內容之間隔值 cellspacing   儲存格間的間隔值 rowspan  直行合併 colspan  橫列合併 CSS語法： text-align:center; vertical-align:middle; 舉例：                        1-1            1-2            1-3            1-4                            2-1            2-2            2-3            2-4                            3-1            3-2            3-3            3-4             結果為： 1-1 1-2 1-3 1-4 2-1 2-2 2-3 2-4 3-1 3-2 3-3 3-4 ‹進階篇 上一層 文件輸入02-一般文章的輸入教學› 瀏覽本網站建議 最佳解析度：1024x768 建議使用Firefox瀏覽器 简体使用者请看此处 導覽 使用者登入 請點選連結：登入網站 網站連結 天帝教 中華民國主院 天人炁功院 天人文化院 全教行事曆 天帝教教訊 青年團 中華民國紅心字會 台北市掌院 最新聖訓 (101)帝極(參)天字第201號-首席督統鐳力前鋒 (101)帝極(參)天字第196號-首席正法文略導師 (101)帝極(參)天字第195號-天照大神 (101)帝極(參)天字第194號-極初大帝 (101)帝極(參)天字第192號-玄玄上帝 (101)帝極(參)天字第191號-太虛子 (101)帝極(參)天字第188號-首席督統鐳力前鋒 (101)帝極(參)天字第187號-首席正法文略導師 (101)帝極(參)天字第186號-首席督統鐳力前鋒 (101)帝極(參)天字第185號-萬法教主 (101)帝極(參)天字第184號-紫微大帝 (101)帝極(參)天字第183號-首席承天智忠玄君 (101)帝極(參)天字第182號-一炁宗主 (101)帝極(參)天字第181號-極初大帝 (101)帝極(參)天字第180號-首席督統鐳力前鋒 本網站由天帝教中華民國主院主教辦公室及資訊委員會共同維護