這裏顯示兩個版本的差異處。
下次修改 | 前次修改 | ||
webdesign:head_rush_html_3 [2007/07/14 15:49] wenpei Document moved from webdesign:head_rush_html |
webdesign:head_rush_html_3 [2007/07/15 10:30] (目前版本) wenpei |
||
---|---|---|---|
行 1: | 行 1: | ||
====== Head Rush HTML 讀書筆記 ====== | ====== Head Rush HTML 讀書筆記 ====== | ||
===== Chapter Three ===== | ===== Chapter Three ===== | ||
- | <q> 和 <blockquote> 的差別 | + | ==== Quote ==== |
- | ==== q ==== | + | === <q> === |
+ | 為行內(inline)元素。 | ||
適合簡短的引用文字,在 IE 看不出來差別,Firefox 則會在引言前後加上雙引號,一般會搭配 CSS 來修改顯示方式。 | 適合簡短的引用文字,在 IE 看不出來差別,Firefox 則會在引言前後加上雙引號,一般會搭配 CSS 來修改顯示方式。 | ||
- | ==== blockquote ==== | + | === <blockquote> === |
- | 適合較長的引言,整段文字會縮排。 | + | 為區塊(block)元素,前後會各有一個換行。 |
+ | |||
+ | 適合較長的引言,整段文字會縮排。若要換行可在裡面使用 <br /> 或 <p>。 | ||
+ | |||
+ | ==== List ==== | ||
+ | <li>用來辨識每個項目,<ol>、<ul>用來整合項目。 | ||
+ | * 不排序 __u__nordered __l__ist = ul | ||
+ | * 有排序 __o__rdered __l__ist = ol | ||
+ | * 清單項目 __l__ist __i__tem = li | ||
+ | |||
+ | <code> | ||
+ | <ol> | ||
+ | <li>item</li> | ||
+ | </ol> | ||
+ | </code> | ||
+ | |||
+ | * 定義清單 __d__efinition __l__ist = dl | ||
+ | * 定義名稱 = dt | ||
+ | * 定義描述 = dd | ||
+ | <code> | ||
+ | <dl> | ||
+ | <dt>List 1</dt> | ||
+ | <dd>Content 1</dd> | ||
+ | <dt>List 2</dt> | ||
+ | <dd>Content 2</dd> | ||
+ | </dl> | ||
+ | </code> | ||
+ | |||
+ | ==== character entity ==== | ||
+ | http://www.w3schools.com/tags/ref_entities.asp \\ http://www.unicode.org/charts/ | ||
+ | ^char^character entity^ | ||
+ | | < | < | | ||
+ | | > | > | | ||
+ | | & | & | |