教你如何制作網(wǎng)頁(yè)表格(文件)
【正文】 ，可以設(shè)置表格的列數(shù)。 Pixel表示寬度是像素值，這時(shí)表格的寬度是絕對(duì)寬度，不隨瀏覽器窗口的變化而變化。如果希望在拖動(dòng)鼠標(biāo)時(shí)保持表格的長(zhǎng)寬比，可以按住 Shift鍵再拖動(dòng)表格邊框上的控制點(diǎn)。5. 設(shè)置內(nèi)部邊距和單元格間距Cellpad（ 單元格內(nèi)部邊距）： 該文本框設(shè)置表格內(nèi)部?jī)?nèi)容同單元格內(nèi)部邊界之間的距離，單位是像素。Brdr Color（ 邊框顏色）： 這是一個(gè)顏色框，可以設(shè)置整個(gè)邊框的顏色 ,包括單元格邊框。7. 設(shè)置表格背景Bg Color（ 背景顏色） : 這是一個(gè)顏色框 ,可以設(shè)置表格的背景顏色。如果同時(shí)設(shè)置背景顏色和背景圖像 ,則顯示的是背景圖像。如果表格中有內(nèi)容，則表格的寬度和高度將調(diào)整為正好容納其中的內(nèi)容。執(zhí)行 Modify|Table|Clear Cell Widths（ 改變單元格列寬）命令，可以完成清除表格列寬的操作。而使用相對(duì)寬度，則能夠保持在瀏覽器窗口中看到整個(gè)表格行，但是隨著瀏覽器窗口的變化，表格中內(nèi)容的格式和位置可能也會(huì)發(fā)生變化，這在很多時(shí)候不利于對(duì)數(shù)據(jù)的查看。設(shè)置表格的行、列和單元格的格式，首先要選中相應(yīng)的表格元素，然后在屬性面板上設(shè)置相應(yīng)屬性的值。有 4種選擇，即Left（ 居左）、 Center（ 居中）、 Right（ 居右）、Default（ 默認(rèn)）。有 5種選擇，即 Top（ 頂部）、 Middle（ 居中）、 Bottom（ 底端）、Baseline（ 基線）、 Default（ 默認(rèn)）。所以，單元格的高度就是相應(yīng)行的高度，單元格的寬度就是相應(yīng)列的寬度。注意： 如果在一行中設(shè)置了多個(gè)單元格的高度，則行高以最高的設(shè)置為準(zhǔn)，列寬也是一樣，所以，設(shè)置時(shí)最好按行或列設(shè)置高度和寬度。70圖 713. 設(shè)置單元格的邊框顏色和背景單元格的邊框顏色和背景是指定單元格四周的邊框顏色和局部背景顏色，不是整個(gè)表格的邊框和背景，也不是所有單元格的邊框架和背景?？梢詥螕纛伾粹o選擇需要的顏色，也可以直接在顏色框中輸入顏色的十六進(jìn)制數(shù)值。注意： 單元格的邊框顏色和背景顏色設(shè)置的是選中單元格的局部邊框和背景顏色，對(duì)未設(shè)置的單元格，使用的是表格的相應(yīng)屬性值。745. 設(shè)置標(biāo)題單元格在表格的設(shè)計(jì)和制作中，為了清晰地表示表格各行和各列的意思，通常用一些醒目的字體或顏色顯示，這可使用單元格內(nèi)容的格式化操作來(lái)實(shí)現(xiàn)，也可使用表格中的標(biāo)題標(biāo)記來(lái)實(shí)現(xiàn)。③ 在左上角的列表中，選擇現(xiàn)有的某種格式，這時(shí)在右方可以看到當(dāng)前選擇的預(yù)覽效果。圖 800buy的一個(gè)網(wǎng)頁(yè)，查看它的 HTML源代碼，并將表格加上 5個(gè)像素的邊圖 ，這時(shí)可以清楚地看到它的表格結(jié)構(gòu)（見(jiàn)圖 ，每一個(gè)黑框是一個(gè)表格），如果將其中的內(nèi)容刪除，它的結(jié)構(gòu)更為清晰（見(jiàn)圖 ）。用表格布局版面，一種是通過(guò)細(xì)分行列精確定位頁(yè)面元素，另一種是通過(guò)行高和列寬的調(diào)整來(lái)確定頁(yè)面元素在版面中的位置。用什么辦法不顯示表格邊框？85演講完畢，謝謝觀看！。84思考與練習(xí)、單元格、單元格內(nèi)部邊距、單元格邊距、表格邊框？ ?如何使用已有的格式化文本文件創(chuàng)建表格？？簡(jiǎn)要說(shuō)明操作命令。80圖 81圖 82圖 83如果版面是大塊內(nèi)容，可以使用較粗的表格，即行列數(shù)不用太多。圖 。75圖 76 自動(dòng)套用格式【例 】表格套用格式① 選中要套用格式的表格。No Warp（ 不換行）： 如果不選中該復(fù)選框，則在單元格中輸入文本時(shí)，長(zhǎng)度超出了單元格的寬度，文本會(huì)自動(dòng)換行，單元格的高度增加，寬度保持不變?？梢栽谠撐谋究蛑休斎雸D像文件的 URL地址，也可以單擊右方的文件夾按鈕，從磁盤上選擇圖像文件下面的 Bg（ 背景）顏色框可以設(shè)置單元格的背景顏色。如果設(shè)置的單元格邊框顏色與背景顏色相同，可以實(shí)現(xiàn)局部無(wú)線表格的效果（見(jiàn)圖）。將鼠標(biāo)移動(dòng)到某行下方的邊框上，當(dāng)鼠標(biāo)變?yōu)樯舷码p箭頭形狀時(shí)拖動(dòng)鼠標(biāo)，即可以改變行高。H（ 高度）： 該文本框用來(lái)設(shè)置單元格的高度。68注意：水平對(duì)齊和垂直對(duì)齊的意義和效果與在文本和圖像中的對(duì)齊是一樣的；單元格的對(duì)齊效果可以通過(guò)屬性面板上部的文本對(duì)齊方式按鈕 實(shí)現(xiàn)，但它們的本質(zhì)是不同的，單元格對(duì)齊方式設(shè)置的是 Td標(biāo)記的 align屬性和 valign屬性，它影響所設(shè)置的整個(gè)單元格；而文本對(duì)齊設(shè)置的是段落屬性，它只影響所設(shè)置的一個(gè)或多個(gè)段落，如果兩者都設(shè)置，則段落屬性優(yōu)先。在 HTML中，水平對(duì)齊方式由 Table標(biāo)記的 Align屬性設(shè)置，當(dāng)選擇 Default時(shí)，實(shí)際上就是刪除 Align屬性，即取消水平對(duì)齊方式的設(shè)置。因?yàn)樾小⒘幸膊贿^(guò)是多個(gè)單元格的集合而已。這種轉(zhuǎn)換用屬性面板上的Convert Table Widths to Pixels(將表格寬度轉(zhuǎn)換為像素 )和 Convert Table Widths to %(將表格寬度轉(zhuǎn)換為百分比 )來(lái)完成。這兩種方法各有其優(yōu)缺點(diǎn)。Clear Column Widths（ 清除列寬）按鈕： 可以清除表格中所有的列寬值，包括為表格和單元格設(shè)置的列寬值等。61圖 62圖 638. 清除表格的行高和列寬在表格的修改過(guò)程中 ,有時(shí)已經(jīng)修改了表格的某些行的高度和列的寬度 ,但又覺(jué)得并不合適 ,這時(shí)可以使用清除表格的行高和列寬功能，清除表格中的行高和列寬數(shù)值。Bg Image(背景圖像 ): 在該文本框中，可以設(shè)置表格的背景圖像。例如 ,下列語(yǔ)句定義了表格的亮邊框?yàn)榱良t色 ,暗邊框顏色為暗紅色。默認(rèn)情況下大多數(shù)瀏覽器將單元格內(nèi)部邊距設(shè)置為 1 ，而將單元格間距設(shè)置為 2 。選擇 Left， 表明表格同瀏覽器窗口在水平方向上左端對(duì)齊， Center， 表示居中對(duì)齊， Right表示右對(duì)齊， Default， 則采用瀏覽器指定的默認(rèn)表格對(duì)齊方式，通常是左對(duì)齊。H（ 高度）： 在該文本框中，可以輸入表格的高度數(shù)值，在右邊的下拉列表框中，可以選擇數(shù)值的單位，但一般來(lái)說(shuō)，不需要設(shè)置表格的高度值。數(shù)值大于原值會(huì)增加行列，數(shù)值小于原值則刪除行列。為表格命名，便于頁(yè)面描述語(yǔ)言
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1