教你如何制作網(wǎng)頁表格-資料下載頁
2025-01-18 17:51本頁面
【正文】 元格內容在垂直方向上相對單元格的對齊方式。有 5種選擇，即 Top（ 頂部）、 Middle（ 居中）、 Bottom（ 底端）、Baseline（ 基線）、 Default（ 默認）。選擇 Default，則采用瀏覽器指定的默認垂直對齊方式，通常是居中對齊方式，這時也相當于在 HTML中刪除垂直對齊方式的屬性 Valign， 即取消垂直對齊方式的設置。68注意：水平對齊和垂直對齊的意義和效果與在文本和圖像中的對齊是一樣的；單元格的對齊效果可以通過屬性面板上部的文本對齊方式按鈕 實現(xiàn)，但它們的本質是不同的，單元格對齊方式設置的是 Td標記的 align屬性和 valign屬性，它影響所設置的整個單元格；而文本對齊設置的是段落屬性，它只影響所設置的一個或多個段落，如果兩者都設置，則段落屬性優(yōu)先。2. 設置單元格的寬度和高度在表格中，一行中的所有單元格的高度是一樣的，一列中的所有單元格的寬度也是一樣的。所以，單元格的高度就是相應行的高度，單元格的寬度就是相應列的寬度。69W（ 寬度）： 該文本框設置單元格寬度值，如果輸入數(shù)值，則表示是像素值；如果輸入帶有百分號的數(shù)字，如“40%”，則表示單元格寬度相對于整張表格寬度的百分比，但該值的設置一般不影響整個表格的寬度。H（ 高度）： 該文本框用來設置單元格的高度。輸入數(shù)字，表示像素值；輸入帶有百分號的數(shù)字，如 “10%”，表示單元格高度相對于整張表格高度的百分比。注意： 如果在一行中設置了多個單元格的高度，則行高以最高的設置為準，列寬也是一樣，所以，設置時最好按行或列設置高度和寬度。用鼠標拖動的方法改變表格的行高和列寬更為方便。將鼠標移動到某行下方的邊框上，當鼠標變?yōu)樯舷码p箭頭形狀時拖動鼠標，即可以改變行高。將鼠標移動到某列右方的邊框上，當鼠標變?yōu)樽笥译p箭頭形狀時拖動鼠標，即可以改變列寬 (見圖 )。70圖 713. 設置單元格的邊框顏色和背景單元格的邊框顏色和背景是指定單元格四周的邊框顏色和局部背景顏色，不是整個表格的邊框和背景，也不是所有單元格的邊框架和背景。通過單元格邊框顏色和背景的設置，可以使不同的區(qū)域有不同的邊框顏色和背景。如果設置的單元格邊框顏色與背景顏色相同，可以實現(xiàn)局部無線表格的效果（見圖）。Brdr（ 邊框顏色）： 設置選中行、列或單元格的邊框顏色?？梢詥螕纛伾粹o選擇需要的顏色，也可以直接在顏色框中輸入顏色的十六進制數(shù)值。72圖 73Bg（ 背景）： 上面一個 Bg文本框用來設置單元格的背景圖像?？梢栽谠撐谋究蛑休斎雸D像文件的 URL地址，也可以單擊右方的文件夾按鈕，從磁盤上選擇圖像文件下面的 Bg（ 背景）顏色框可以設置單元格的背景顏色?？梢詥螕纛伾粹o選擇顏色，也可以在顏色框中輸入顏色的十六進制數(shù)值。注意： 單元格的邊框顏色和背景顏色設置的是選中單元格的局部邊框和背景顏色，對未設置的單元格，使用的是表格的相應屬性值。4. 控制單元格內容的換行方式由于表格單元格的區(qū)域受到限制，在顯示長文本時如何換行就顯得比較重要。No Warp（ 不換行）： 如果不選中該復選框，則在單元格中輸入文本時，長度超出了單元格的寬度，文本會自動換行，單元格的高度增加，寬度保持不變。反之，如果選中該復選框，則在單元格中輸入文本時，文本長度超出了單元格的寬度，文本不自動換行，單元格的寬度將隨之變寬。745. 設置標題單元格在表格的設計和制作中，為了清晰地表示表格各行和各列的意思，通常用一些醒目的字體或顏色顯示，這可使用單元格內容的格式化操作來實現(xiàn)，也可使用表格中的標題標記來實現(xiàn)。Header（ 標題）： 如果選中該復選框，則將所有選中的單元格設置為標題單元格，通常為字體加黑顯示；如果不選中該復選框，則將所有選中的單元格設置為數(shù)據(jù)單元格，一般文本顯示，當然字符的格式化還是有效的（見圖 ）。75圖 76 自動套用格式【例 】表格套用格式① 選中要套用格式的表格。② 執(zhí)行 Commands|Format Table（ 格式化表格）命令，會出現(xiàn) Format Table(格式化表格 )對話框（見圖 ）。③ 在左上角的列表中，選擇現(xiàn)有的某種格式，這時在右方可以看到當前選擇的預覽效果。在該對話框中，還可以對表格的格式進行相應的調整。圖 。77圖 78圖 79 利用表格布局版面在網(wǎng)頁制作中，表格除用作格式化數(shù)據(jù)的排放外，由于其定位方便，在頁面的布局中有很大的用處。圖 800buy的一個網(wǎng)頁，查看它的 HTML源代碼，并將表格加上 5個像素的邊圖 ，這時可以清楚地看到它的表格結構（見圖 ，每一個黑框是一個表格），如果將其中的內容刪除，它的結構更為清晰（見圖 ）。使用表格布局版面應注意以下問題：瀏覽器在下載表格時，需要將表格中的所有內容（包括圖像）都下載完畢后才顯示，所以，如果一個頁面有很好的上下結構，可以分成幾個上下并列的表格，而不要把整個頁面中的所有內容都放在一個表格中，這樣可以加快瀏覽速度，減少等待時間，特別是網(wǎng)頁內容較多時更應這樣。80圖 81圖 82圖 83如果版面是大塊內容，可以使用較粗的表格，即行列數(shù)不用太多。如果頁面內容比較細碎，可以使用較細的表格，也可以使用嵌套表格，即表格單元格的內容是另一個表格。用表格布局版面，一種是通過細分行列精確定位頁面元素，另一種是通過行高和列寬的調整來確定頁面元素在版面中的位置。用表格布局版面時一般不希望頁面顯示表格線，這時可以設置表格的邊框寬度為 0，以達到不顯示表格線的目的，也可以設置邊框的顏色為背景色。84思考與練習、單元格、單元格內部邊距、單元格邊距、表格邊框？ ?如何使用已有的格式化文本文件創(chuàng)建表格？？簡要說明操作命令。？，將網(wǎng)頁中的文本和圖像放在表格的單元格中，通過不同的單元格或對象在單元格中的不同排列方式（居中、居左、居右等）或改變單元格的大小來定位其中的對象。用什么辦法不顯示表格邊框？85演講完畢，謝謝觀看！
環(huán)評公示相關推薦
鄂ICP備17016276號-1