這裏顯示兩個版本的差異處。
| Both sides previous revision 前次修改 下次修改 | 前次修改 | ||
|
webdesign:head_rush_html_3 [2007/07/14 15:57] wenpei |
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)元素。 | 為行內(inline)元素。 | ||
| 適合簡短的引用文字,在 IE 看不出來差別,Firefox 則會在引言前後加上雙引號,一般會搭配 CSS 來修改顯示方式。 | 適合簡短的引用文字,在 IE 看不出來差別,Firefox 則會在引言前後加上雙引號,一般會搭配 CSS 來修改顯示方式。 | ||
| - | ==== <blockquote> ==== | + | === <blockquote> === |
| 為區塊(block)元素,前後會各有一個換行。 | 為區塊(block)元素,前後會各有一個換行。 | ||
| 適合較長的引言,整段文字會縮排。若要換行可在裡面使用 <br /> 或 <p>。 | 適合較長的引言,整段文字會縮排。若要換行可在裡面使用 <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^ | ||
| + | | < | < | | ||
| + | | > | > | | ||
| + | | & | & | | ||
| + | |||