好孩子的網頁設計
第五課: XHTML Edit Module and Presentation Module
Jedi
Jedi
2006
text/html
TITLE::好孩子的網頁設計,第五課
[[IMG src="../image/20060614.png" width="464" height="464"]]
----
編輯線索
與
呈現效果
----
0.
----
用了就換行?
----
例: <address>
----
區塊 vs 行內
----
區塊組件
----
HEADER::區塊組件
長方形
----
佔用全寬
----
div, p, blockquote,
pre, address,
h1, h2, h3, h4, h5, h6
----
HEADER::
行內組件
----
HEADER::行內組件
如文走行
----
span, em, strong, abbr,
acronym, cite, q, dfn,
kbd, samp, var
----
HEADER::
1.
----
編輯線索
----
HEADER::編輯線索
內容更動
----
補增
----
刪減
----
HEADER::
補增
([[EM:ins]]ert)
----
HEADER::補增
[[EM:<ins>]]
----
<ins>補增的部分</ins>
----
必須保留作者的姓名標示
----
必須<ins>按照作者指定的方式</ins>保留作者的姓名標示
----
加底線
(慣例)
----
行內組件
----
HEADER::
刪減
([[EM:del]]ete)
----
HEADER::刪減
[[EM:<del>]]
----
<del>刪減的部分</del>
----
待辦事項:取樣授權本地化
----
<del>待辦事項:取樣授權本地化</del>
----
刪除線
(慣例)
----
行內組件
----
HEADER::
2.
----
呈現效果
----
大一些
([[EM:big]]ger)
----
HEADER::大一些
[[EM:<big>]]
----
<big>要變大的字</big>
----
<p><big>每</big>段第一個字都比較大……</p>
----
行內組件
----
HEADER::
小一些
([[EM:small]]er)
----
HEADER::小一些
[[EM:<small>]]
----
<small>要變小的字</small>
----
<span><small>使用條款最後更新日期:2006/06/07</small></span>
----
行內組件
----
HEADER::
粗體字
([[EM:b]]old)
----
HEADER::粗體字
[[EM:<b>]]
----
<b>要變粗的字</b>
----
行內組件
----
HEADER::
斜體字
([[EM:i]]talic)
----
HEADER::斜體字
[[EM:<i>]]
----
<i>要變斜的字</i>
----
行內組件
----
HEADER::
電報字/等距字
([[EM:t]]ele[[EM:t]]ype)
----
HEADER::電報字/等距字
[[EM:<tt>]]
----
<tt>要以等距字體顯示的字</tt>
----
行內組件
----
HEADER::
上標字
([[EM:sup]]erscripted text)
----
HEADER::上標字
[[EM:<sup>]]
----
<sup>上標</sup>
----
2<sup>3</sup>
----
行內組件
----
HEADER::
下標字
([[EM:sub]]scripted text)
----
HEADER::下標字
[[EM:<sub>]]
----
<sub>下標</sub>
----
H<sub>2</sub>O
----
C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>
----
行內組件
----
HEADER::
水平線
([[EM:h]]orizontal [[EM:r]]ule)
----
HEADER::水平線
[[EM:<hr />]]
----
ALIGN::LEFT
<p>這是一段文字</p>
<hr />
<p>這是另一段文字,和前一段有所區隔</p>
----
ALIGN::LEFT
<h3>某個標題</h3>
<p>這是一段文字</p>
<p>這也是一段文字</p>
<hr />
<h3>某個標題,和前一段有所區隔</h3>
<p>這是另一段文字</p>
<p>這也是另一段文字</p>
----
HEADER::
作業
----
HEADER::作業
上週作業
----
再添細節
----
本次範圍
----
五種以上
----
HEADER::
預告
----
HEADER::預告
清單