close
文字效果
| <tt> | 呈現類似打字機或者等寬的文本效果。 |
| <i> | 顯示斜體文本效果。 |
| <b> | 呈現粗體文本效果。 |
| <big> | 呈現大號字體效果。 |
| <small> | 呈現小號字體效果。 |
| <strike> | 呈現刪除線字體效果。 |
條列式，ol為有序列表，ul為無序列表
- Coffee
- Tea
- Milk
- Coffee
- Tea
- Milk
表格
| 這邊是標題欄1 | 這邊是標題欄2 |
|---|---|
| 這邊是內容1 | 這邊是內容1 |
表格常用參數
| width=n|p% | 決定該表格的寬度大小，可以設定絕對的大小 (n) 或是在視窗中所佔的比例 (p%)。 |
| border=n | 設定表格邊界的寬度。 |
| cellsoacing=n | 設定儲存格之間的距離。 |
| cellpadding=n | 設定表格資料到儲存格之間的距離。 |
| bgcolor="#RRGGBB" | 設定表格的底色。 |
靠左中右對齊
align="left" align="center" align="right"
靠上中下對齊
valign="top" valign="middle" valign="bottom"
欄合併
colspan="2"
列合併
rowspan="2"
超連結
顯示給別人看文字
target屬性可以有下面的參數
| 值 | 描述 |
|---|---|
| _blank | 在新窗口中打開被鏈接文檔。 |
| _self | 默認。在相同的框架中打開被鏈接文檔。 |
| _parent | 在父框架集中打開被鏈接文檔。 |
| _top | 在整個窗口中打開被鏈接文檔。 |
| framename | 在指定的框架中打開被鏈接文檔。 |
分格線
| 屬性 | 值 | 描述 | DTD |
|---|---|---|---|
| align |
|
不讚成使用。請使用樣式取代它。 規定 hr 元素的對齊方式。 |
TF |
| noshade | noshade |
不讚成使用。請使用樣式取代它。 規定 hr 元素的顏色呈現為純色。 |
TF |
| size | pixels |
不讚成使用。請使用樣式取代它。 規定 hr 元素的高度（厚度）。 |
TF |
| width |
|
不讚成使用。請使用樣式取代它。 規定 hr 元素的寬度。 |
TF |
圖片
| 屬性 | 值 | 描述 | DTD |
|---|---|---|---|
| 標籤的 align 屬性">align |
|
不推薦使用。 規定如何根據周圍的文本來排列圖像。 | TF |
| 標籤的 border 屬性">border | pixels | 不推薦使用。 定義圖像周圍的邊框。 | TF |
| 標籤的 height 和 width 屬性">height |
|
定義圖像的高度。 | STF |
| 標籤的 hspace 和 vspace 屬性">hspace | pixels | 不推薦使用。 定義圖像左側和右側的空白。 | TF |
| 標籤的 ismap 屬性">ismap | URL | 將圖像定義為服務器端圖像映射。 | STF |
| 標籤的 longdesc 屬性">longdesc | URL | 指向包含長的圖像描述文檔的 URL。 | STF |
| 標籤的 usemap 屬性">usemap | URL | 將圖像定義為客戶器端圖像映射。 | STF |
| 標籤的 hspace 和 vspace 屬性">vspace | pixels | 不推薦使用。 定義圖像頂部和底部的空白。 | TF |
| 標籤的 height 和 width 屬性">width |
|
設置圖像的寬度。 | STF |
文字輸入欄位
| 屬性 | 值 | 描述 | DTD |
|---|---|---|---|
| accept | mime_type | 規定通過文件上傳來提交的文件的類型。 | STF |
| align |
|
不讚成使用。 規定圖像輸入的對齊方式。 | TF |
| alt | text | 定義圖像輸入的替代文本。 | STF |
| checked | checked | 規定此 input 元素首次加載時應當被選中。 | STF |
| disabled | disabled | 當 input 元素加載時禁用此元素。 | STF |
| maxlength | number | 規定輸入字段中的字符的最大長度。 | STF |
| name | field_name | 定義 input 元素的名稱。 | STF |
| readonly | readonly | 規定輸入字段為只讀。 | STF |
| size | number_of_char | 定義輸入字段的寬度。 | STF |
| src | URL | 定義以提交按鈕形式顯示的圖像的 URL。 | STF |
| type |
|
規定 input 元素的類型。 | STF |
| value | value | 規定 input 元素的值。 | STF |
文字方塊
| 屬性 | 值 | 描述 | DTD |
|---|---|---|---|
| cols | number | 規定文本區內的可見寬度。 | STF |
| rows | number | 規定文本區內的可見行數。 | STF |
按鈕
| 屬性 | 值 | 描述 | DTD |
|---|---|---|---|
| disabled | disabled | 規定禁用此按鈕。 | STF |
| name | name | 規定按鈕的名稱。 | STF |
| type |
|
規定按鈕的類型。 | STF |
| value | text | 規定按鈕的初始值。 | STF |
選單
| 屬性 | 值 | 描述 | DTD |
|---|---|---|---|
| disabled | disabled | 規定禁用該下拉列表。 | STF |
| multiple | multiple | 規定可選擇多個選項。 | STF |
| name | name | 規定下拉列表的名稱。 | STF |
| size | number | 規定下拉列表中可見選項的數目。 | STF |
單選選單鈕，利用name來配對
Male Female
範例如下：
Male
Female
複選選單鈕，利用name來配對
I have a bike I have a car
範例如下：
I have a bike
I have a car
CSS屬性，white-space(如何處理元素內的空白)
white-space: normal;
| 值 | 描述 |
|---|---|
| normal | 默認。空白會被瀏覽器忽略。 |
| pre | 空白會被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標籤。 |
| nowrap | 文本不會換行，文本會在在同一行上繼續，直到遇到 <br> 標籤為止。 |
| pre-wrap | 保留空白符序列，但是正常地進行換行。 |
| pre-line | 合併空白符序列，但是保留換行符。 |
| inherit | 規定應該從父元素繼承 white-space 屬性的值。 |
CSS屬性，display(主用於隱藏)
display: none;
| 值 | 描述 |
|---|---|
| none | 此元素不會被顯示。 |
| block | 此元素將顯示為塊級元素，此元素前後會帶有換行符。 |
| inline | 默認。此元素會被顯示為內聯元素，元素前後沒有換行符。 |
| inline-block | 行內塊元素。（CSS2.1 新增的值） |
| list-item | 此元素會作為列表顯示。 |
| run-in | 此元素會根據上下文作為塊級元素或內聯元素顯示。 |
| compact | CSS 中有值 compact，不過由於缺乏廣泛支持，已經從 CSS2.1 中刪除。 |
| marker | CSS 中有值 marker，不過由於缺乏廣泛支持，已經從 CSS2.1 中刪除。 |
| table | 此元素會作為塊級表格來顯示（類似 <table>），表格前後帶有換行符。 |
| inline-table | 此元素會作為內聯表格來顯示（類似 <table>），表格前後沒有換行符。 |
| table-row-group | 此元素會作為一個或多個行的分組來顯示（類似 <tbody>）。 |
| table-header-group | 此元素會作為一個或多個行的分組來顯示（類似 <thead>）。 |
| table-footer-group | 此元素會作為一個或多個行的分組來顯示（類似 <tfoot>）。 |
| table-row | 此元素會作為一個表格行顯示（類似 <tr>）。 |
| table-column-group | 此元素會作為一個或多個列的分組來顯示（類似 <colgroup>）。 |
| table-column | 此元素會作為一個單元格列顯示（類似 <col>） |
| table-cell | 此元素會作為一個表格單元格顯示（類似 <td> 和 <th>） |
| table-caption | 此元素會作為一個表格標題顯示（類似 <caption>） |
| inherit | 規定應該從父元素繼承 display 屬性的值。 |
全站熱搜
留言列表
