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

文章推薦指數: 80 %
投票人數:10人

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號-首席督統鐳力前鋒 本網站由天帝教中華民國主院主教辦公室及資訊委員會共同維護


請為這篇文章評分?