【正文】 “ 屬性”面板中的“寬（ W）”、“高（ H）”文本框中輸入數(shù)值。 單元格填充：指定單元格的大小，以像素為單位。 ? 行（ Row）：表格在水平方向上的組成元素。本章以示例網(wǎng)頁示例為介紹網(wǎng)頁表格的設(shè)計(jì)與制作的方法。 在 Dreamweaver 8 中，創(chuàng)建表格有以下 4 種方式。修改表格主要包括調(diào)整表格的大小、合并單元格、拆分單元格等操作。 ? 右擊選中的單元格，從彈出的快捷菜單中選擇“表格”→“合并單元格”命令。用同樣的方法可以插入另外 3 個(gè)表格，如圖 4— 7 所示。 圖 48 輸入文字后的表格 （ 2）在表格中插入圖像 參照“天使部 落”主頁（如圖 41 所示）的圖像內(nèi)容，在圖 48所示的表格內(nèi)按要求插入圖像 ( 說明，有些圖像是利用層來實(shí)現(xiàn)插入的，有關(guān)層的內(nèi)容將在第 9 章學(xué)習(xí) )。 邊框顏色：設(shè)置表格邊框顏色。 合并、拆分按鈕：在“屬性”面板的左下方有兩個(gè)工具按鈕 （合并）和 （拆分，只對單元格有效），用于對選中的行、列或單元格進(jìn)行合并或拆分操作。 （ 5）單擊“確定”按鈕完成設(shè)置。 注意 :不能對有合并單元格的表格進(jìn)行上述的格式化設(shè)置。 CAPTION標(biāo)記符的格式如下。 表 42 META標(biāo)記符的屬性 名稱 作用 name 用于定義一個(gè)元數(shù)據(jù)屬性的名稱 content 用于定義無數(shù)據(jù)的屬性值 equiv 用于記錄 HTTP 的頭部信息， HTTP 服務(wù)器可以根據(jù)該信息來作出響應(yīng) charset 用于定義文檔的字符編碼 注意： HTML并沒有規(guī)定用戶最多可以在頭部加入多少個(gè) META標(biāo) 記符，只要認(rèn)為必要，用戶可以添加任意數(shù)量的 META標(biāo)記符。 （ 2）表格的內(nèi)容對齊。 （ 2）在表格“屬性”面板中，按照圖 415 所示來設(shè)置表格的屬性，即行、列數(shù)設(shè)為 1；寬高為 200 像素（根據(jù)實(shí)際需要來設(shè)軒其值）；高不高或?yàn)?0；填 充、間距高為 0；邊框高為 0。 （ 3）單擊“布局”面板中的“繪制布局表格”按鈕 ，將鼠標(biāo)指針移至網(wǎng)頁窗口左上角，鼠標(biāo)指針變成 +形狀，按住鼠標(biāo)左鍵拖動(dòng)，就可以在網(wǎng)頁文檔窗口內(nèi)畫出一個(gè)布局表格，其邊框呈現(xiàn)綠色，并在表格頂端顯示出刻度值，如圖 420 所示。 注意：如果網(wǎng)頁文檔上已經(jīng)包含有內(nèi)容（文本或圖像），則只能在現(xiàn)有內(nèi)容的下方繪制新布局表格。 （ 6）使用彈出式菜單 在最外圍的布局表格的頂端有許多數(shù)字，分別用于表示布局表格、布局單元格或空白列寬的寬度。 2. 分析如圖 427 所示的網(wǎng)頁制作方法，并分別利用標(biāo)準(zhǔn)視圖和布局視 圖模式中的表格技術(shù)來設(shè)計(jì)出主要體現(xiàn)表格效果的部分。 選中布局表格或布局單元格后，直接按鍵盤上的 Del鍵即可。表格不能互相重疊，但一個(gè)表格可以完全飲食在另一個(gè)表格當(dāng)中，即創(chuàng)建嵌套表格。 圖 419 “布局視圖模式”對話框 2. 繪制布局表格 在布局視圖模式中，就可以在網(wǎng)頁中、文檔上繪制布局表格和布局單元格了，并可以在其中插入文本和圖像，然后通過移動(dòng)布局表格和布局單元格來定位文本和圖像。 在 TABLE 標(biāo)記符中使用 cellspacing屬性可以控制單元格之間的空白，使用 cellpadding屬性可以控制表格分割線和數(shù)據(jù)之間的距離，這兩個(gè)屬性之間的取值通常采用像素值。表格在頁面中的對齊與其他頁面內(nèi)容一樣，可以直接在 TABLE標(biāo)記符中使用 align 屬性。charset=gb23412” 使用 META標(biāo)記符定義的信息通常稱為“元數(shù)據(jù)（ meta data）”，它是頭部信息的主要組成部分，主要用于表示一個(gè)文檔的關(guān)鍵詞、作者、版權(quán)、字符編碼等。 TITLE標(biāo)記符用于定義頁面的標(biāo)題，標(biāo)題包含在 TILTE和 /TITLE標(biāo)記之間，在網(wǎng)頁被瀏覽時(shí)，標(biāo)題將顯示在瀏覽器窗口的標(biāo)題欄 上。ID 標(biāo)簽 )而不是表格行 (TR 標(biāo)簽 )。 對 TFOOT 行（如果存在）進(jìn)行排序：如果選中該復(fù)選框，則表尾也參與排序。 背景：設(shè)置行、列或單元格背景圖像。 間距：單元格之間的間距。 2．在表格中輸入文字和圖像 表格調(diào)整完畢，就可以在表格中輸入相應(yīng)的內(nèi)容了。 上述幾種操作都會打開“拆分單元格”對話框，如圖 4— 6 所示，選擇是拆分成行還是列，并輸入要拆分成的數(shù)量即可。若不能用拖動(dòng)單元格邊框的方法來改變所需的行高、列寬，則可以清除行高、列寬，再重新進(jìn)行設(shè)置。 邊框：指定表格邊界的寬度，以像素為單位（如果在瀏覽器窗口中不顯示表格的邊框，則定 義為 0）。 另外，還有以下幾個(gè)概念需要掌握。第四章 利用表格設(shè)計(jì)和制作網(wǎng)頁 在網(wǎng)頁設(shè)計(jì)制作中，表格（ Table）是一個(gè)重要的網(wǎng)頁元素，主要用來在頁面上布局?jǐn)?shù)據(jù)和圖像，使頁面中的信息布局合理、簡潔。 邊框 (Border)：單元格四周的界線標(biāo)志。 具體操作是，在對話框中對各選項(xiàng)進(jìn)行設(shè)置，創(chuàng)建一個(gè) 6 行 3 列的表格，寬度設(shè)為 100百分比或 774 像素，邊框設(shè)為 0，其他設(shè)置取默認(rèn)值。選中整個(gè)表格，執(zhí)行主菜單中的“修改”→“表格”→“清除單元格高度”（或“清除單元格寬度”）命令，可以對所有單元格的高度、寬度進(jìn)行壓縮，直到內(nèi)容最多的單元格與上下左右邊框之間沒有間隙為止。 圖 46 “拆分單元格”對話框 （ 5）表格的嵌套 為了達(dá)到排版的效果，通常使用表格嵌套的方法。向表格中輸入的內(nèi)容主要是文字和圖片兩種形式。 對齊：表格在網(wǎng)頁中的對齊方式，有默認(rèn)、左對齊、居中對齊和右對齊 4 種選 擇。由于一個(gè)單元格可以使用表格、行、列和單元格等多種背景設(shè)置，所以有一定的優(yōu)先順序。 排隊(duì)序和行保留 TR屬性。 在默認(rèn)情況下 ,格式化表格 對話框中指定的格式設(shè)置應(yīng)用于整個(gè)行而不是單個(gè)單元格。 （ 3） CAPTION。另外，它 還可以傳遞一些信息，如網(wǎng)頁的過期日期、刷新間隔等。另外，也可以用 DIV 標(biāo)記符的 align 屬性設(shè)置表格的對齊，方法是，將 TABLE 標(biāo)記符包含在 DIV align=” “和 /DIV之間。 表格的應(yīng)用技巧 4． 4． 1 利用表格制作水平線與垂直線 在對網(wǎng)頁布局排版時(shí)，有時(shí)候會需要一條細(xì)線作為分隔線，用一些線型的圖像可以完成這項(xiàng)功能，但既費(fèi)事又占據(jù)存儲空間。 要在網(wǎng)頁文檔中繪制布局表格和布局單元格，具體的操作方法如下。對外部表格所進(jìn)行的更改不會影響嵌套表格中的單元格。 （ 5）設(shè)置布局表格或單元格的屬性 選中布局表格或布局單元格后，就可以在“屬性”面板上設(shè)置其屬性各參數(shù)值，如輸入寬和高的值來精確地調(diào)整其大小。 。 圖 423 布局表格屬性面板 圖 424 布局單元格屬性面板 由圖 423和圖 424 可以看出，布局表格和布局單元格屬性面板上的主要項(xiàng)目與普通表格和單元格的類似，只是多了一個(gè)“自動(dòng)伸展”單選按鈕，如果選中該按鈕，則當(dāng)前表格或單元格的列寬將自動(dòng)伸展至占滿整個(gè)剩余的空間?？梢圆迦攵嗉壡短妆砀?，嵌套布局表格的大小不能超過包含它的表格。 （ 2）單擊“插入”面板“布局”選項(xiàng)卡，再單擊“布局視圖”按鈕 ，切換至 布局視圖。細(xì)線分隔線具體的制作過程如下： （ 1）插入一個(gè)一行一列的表格。如果使用了 TABLE 標(biāo)記符的 align 屬性設(shè)置表格頁面對齊，并且使用的是 left 或 right 值，則跟在表格后的文本會位于表格的左邊和右邊，從而形成文本與表格環(huán)繞的效果。主要有以下四個(gè)屬性，見表 4— 2。在圖 410 所示網(wǎng)頁表格中美有標(biāo)題，如果是用了 CAPTION標(biāo)記符，它應(yīng)該位于 TABLE標(biāo)記符之后。但是 ,此選項(xiàng)允許將格