文件輸入01 - HTML及CSS語法簡易教學 - 中華民國主院
文章推薦指數: 80 %
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、
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語言之後: 一、這是第一個段落的第一行文字。
---------------------------------------------------------------------------這是第一個段落的第二行文字。
-------------------------------------------------- 二、這是第二個段落的第一行文字。
---------------------------------------- -----------------------------------這是第二個段落的第二行文字。
-------------------------------------------------- 上面的例子說明,利用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; 舉例:
延伸文章資訊
- 1HTML blockquote 縮排語法 - Wibibi
寫文章的時候偶爾會用到縮排的技巧讓文章更有整體感,在HTML 的文章編排中,可以使用標籤來達到縮排效果,而且重覆使用可以縮排更多個單位,這樣的技巧也可以用在部落 ...
- 2HTML的段落縮排語法@ 哈特 - 隨意窩
不想使用表格來排版,又希望文字段落能按照自己的意願縮排,. 今天終於在一堆網頁中搜索到了. 段落縮排的語法如下: <P style="margin-left:00px ...
- 3【網頁】CSS縮排教學 - darvin c.
不是一般的縮排,而是首行縮排。 3. margin-left & text-indent 除首行皆縮排(首行凸排). <p style=" ...
- 4調整列表縮排- CSS
原文: Consistent List Indentation. 使用CSS 來協助縮排列表看來簡單實則卻否,原因很簡單- 各大瀏覽器其實作方式不盡相同。一個很大的原因來自於對 ...
- 5HTML簡介
</HTML>. 檔案延伸名設為.htm 或.html. 排版標籤. <!--這些註解文字不會顯示在瀏覽器中--> 註解 ... </BLOCKQUOTE> 向右縮排 e.g., <BLOCKQ...