Transcript 文字變化與排版技巧

文字變化與排版技巧
段落效果
HTML用來設定段落的標記：
<p>標記定義出段落</p>
網頁上效果為換行並增加一空白行
屬性
align
設定值
right(靠右)、left(靠左)、
center(置中)
<br>標記－－換行
網頁上效果為換行
<nobr>標記－－不換行
網頁上效果為強迫不換行
說明
預設值：left
對齊與縮排標記
<center>置中的文字</center>
將標記中的文字放在網頁的中央
<pre>原始排列的文字</pre>
將標記中的文字按照原始的排列方式顯示
<blockquote>縮排的文字</blockquote >
將標記中的文字縮排
水平線
<hr>
加入水平線
屬性
align
size
width
color
noshade
設定值
right(靠右)、left(靠左)、
center(置中)
像素值
像素值
百分比值
顏色名稱
HEX碼
無
說明
線條放置的位置，
預設值：center
線條厚度
預設值：2
線條長度
預設值：100%
線條顏色
線條平面顯示
預設值：立體有陰影
段落標題
<h1>、 <h2> 、<h3>、 <h4>、 <h5>、 <h6>
設定標題大小， <h1>字體最大，<h6>字體最小
標題標記所標示的字將會獨佔一行
屬性
align
設定值
right(靠右)、left(靠左)、
center(置中)
說明
文字放置的位置，
預設值：left
字型樣式標記
<font>…… </font>
設定文字的字型大小、顏色及字體
屬性
設定值
相對值(size=+3)
絕對值(size=3)
說明
設定文字的大小，
預設值size = 3
color
顏色名稱
HEX碼
設定文字的顏色
face
系統內建字形
設定文字的字體
size
size=+4
size=7
36pt
size=+3
size=6
24pt
size=+2
size=5
18pt
size=+1
size=4
14pt
size=+0
size=3
12pt (預設值)
size=-1
size=2
10pt
size=-2
size=1
8pt
字型樣式標記
<b>粗體</b>
設定文字為粗體
<i>斜體</i>
設定文字為斜體
<u>加底線</u>
將文字加上底線
<strike>刪除線</strike>
將文字加上刪除線
<sup>上標字</sup>
將文字轉為上標字
<sub>下標字</sub>
將文字轉為下標字
<tt>文字同寬度</tt>
將文字設為同寬度
清單標記
符號清單
<ul> － 符號清單標記，需搭配 <li>標記使用
<ul>屬性
type
設定值
說明
disc(●)、circle(○)、square(■) 預設值type=“disc”
編號清單
<ol> － 編號清單標記，需搭配 <li>標記使用
<ol>屬性
設定值
type
1、A、a、Ⅰ、i
start
1、2 、3…整數值
說明
編號樣式
預設值type=“1”
編號起始值
預設值start=1
巢狀清單－清單中再加入另一層清單；清單項目也會一層一層往內縮。