第6章-表格與表單(編輯修改稿)
2025-09-01 10:55 本頁面
【文章內(nèi)容簡介】 rolspan，其他的屬性了解即可，不建議使用，均可用 CSS樣式屬性替代。 當對某一個 td標記應用 width屬性設置寬度時，該列中的所有單元格均會以設置的寬度顯示。 當對某一個 td標記應用 height屬性設置高度時，該行中的所有單元格均會以設置的高度顯示。 讓 IT教學更簡單，讓 IT學習更有效 表格標記 ? th標記 及其 屬性 – 表 頭一般位于表格的第一行或第一列，其文本加粗居中， 如 下圖所 示，即為設置了表頭的表格。設置表頭非常簡單，只需用表頭標記 th/th替代相應的單元格標記 td/td即可。 表 頭表 頭讓 IT教學更簡單，讓 IT學習更有效 表格標記 ? 表格的結(jié)構(gòu) – 在 使用表格進行布局時，可以將表格劃分為頭部、主體和頁腳 ，具體 如下 所示 ： ? thead/thead：用于定義表格的頭部，必須位于 table/table標記中，一般包含網(wǎng)頁的 logo和導航等頭部信息。 ? tfoot/ tfoot ：用于定義表格的頁腳，位于 table/table標記中thead/thead標記之后，一般包含網(wǎng)頁底部的企業(yè)信息等。 ? tbody/tbody：用于定義表格的主體，位于 table/table標記中tfoot/ tfoot 標記之后，一般包含網(wǎng)頁中除頭部和底部之外的其他內(nèi)容。 讓 IT教學更簡單，讓 IT學習更有效 CSS控制表格樣式 ? CSS控制表格 邊框 – 而 使用 CSS邊框樣式屬性 border可以輕松地控制表格的邊框。 注意 : bordercollapse屬性的屬性值除了 collapse（合并）之外，還可以為 separate（分離），默認為 separate。 當表格的 bordercollapse屬性設置為 collapse時， HTML中設置的cellspacing屬性值無效。 行標記 tr無 border樣式屬性，本書不再做具體的演示，初學者可以自己測試加深理解。 讓 IT教學更簡單，讓 IT學習更有效 CSS控制表格樣式 ? CSS控制 單元格邊距 – 使用 table標記的屬性美化表格時，可以通過 cellpadding和cellspacing分別控制單元格內(nèi)容與邊框之間的距離以及相鄰單元格邊框之間的距離。 注意 : 行標記 tr無內(nèi)邊距屬性 padding和外邊距屬性 margin，本書不再做具體的演示，初學者可以自己測試加深理解。 讓 IT教學更簡單，讓 IT學習更有效 CSS控制表格樣式 ? CSS控制單元格的寬 高 – 單元格的寬度和高度，有著和其他元素不同的特性，主要表現(xiàn)在單元格之間的互相影響 上。 – 對 同一行中的單元格定義不同的高度，或?qū)ν涣兄械膯卧穸x不同的寬度時，最終的寬度或高度將取其中的較大者。 讓 IT教學更簡單，讓 IT學習更有效 認識表單 – 在 HTML中，一個完整的表單通常由表單控件（也稱為表單元素）、提示信息和表單域 3個部分構(gòu)成 ， 如下圖所示， 即 為一個簡單的HTML表單界面及其構(gòu)成 。 表 單 控 件 (包 含 單 行 文 本 輸 入 框 、 密碼 輸 入 框 、 提 交 按 鈕 等 )提 示 信 息表 單 域 (容 納 表 單 控 件和 提 示 信 息 )讓 IT教學更簡單，讓 IT學習更有效 認識表單 – 對于表單構(gòu)成中的表單控件、提示信息和表單域，初學者可能比較難理解，對他們的具體解釋如下 ： ? 表單控件：包含了具體的表單功能項，如單行文本輸入框、密碼輸入框、復選框、提交按鈕、重置按鈕等。 ? 提示信息：一個表單中通常還需要包含一些說明性的文字，提示用戶進行填寫和操作。 ?
范文總結(jié)相關推薦
鄂ICP備17016276號-1