使用表格布局網(wǎng)頁

1、所謂表格（Table）就是由一個(gè)或多個(gè)單元格構(gòu)成的集合，表格中橫向的多個(gè)單元格稱為行（在HTML語言中以標(biāo)簽開始，標(biāo)簽結(jié)束），垂直的多個(gè)單元格稱為列（以標(biāo)簽開始，標(biāo)簽結(jié)束），行與列的交叉區(qū)域稱為單元格，網(wǎng)頁中的元素就放置在這些單元格中。行行列列單元格單元格此處表示未明確設(shè)置單元格的寬度 此處顯示了表格的寬度。如果只顯示一個(gè)“”符號(hào)，表示未明確設(shè)置表格寬度 Dreamweaver 8提供了非常完善的表格編輯功能，下面我們首先來看一下如何在網(wǎng)頁文檔中插入表格。將鼠標(biāo)光標(biāo)移至單元格邊框線上，當(dāng)鼠標(biāo)光標(biāo)變?yōu)?或 形狀時(shí)單擊鼠標(biāo)左鍵。 將鼠標(biāo)光標(biāo)移至表格外框線上，當(dāng)鼠標(biāo)光標(biāo)變?yōu)?形狀時(shí)，單擊鼠標(biāo)左鍵。

2、在表格內(nèi)部任意單元格中單擊鼠標(biāo)左鍵，然后在標(biāo)簽選擇器中單擊對(duì)應(yīng)的“”標(biāo)簽 。將插入點(diǎn)置于表格的任意單元格中，表格上方或下方將顯示綠線標(biāo)志，單擊最上方或最下方標(biāo)有表格寬度的綠線中的 ，在彈出的下拉菜單中選擇“選擇表格”命令。 要選擇某行或某列，可將光標(biāo)置于該行左側(cè)或該列頂部，當(dāng)光標(biāo)形狀變?yōu)楹谏^ 或 時(shí)單擊鼠標(biāo)左鍵。 可以選擇單個(gè)單元格，也可以選擇連續(xù)的多個(gè)單元格或不連續(xù)的多個(gè)單元格。 要選擇某個(gè)單元格，可首先將插入點(diǎn)置于該單元格內(nèi)，然后按【CtrlA】組合鍵或單擊“標(biāo)簽選擇器”中對(duì)應(yīng)的“”標(biāo)簽。要選擇連續(xù)的單元格區(qū)域。應(yīng)首先在要選擇的單元格區(qū)域的左上角單元格中單擊，然后按住鼠標(biāo)左鍵向右下角單

3、元格方向拖動(dòng)鼠標(biāo)，最后松開鼠標(biāo)左鍵。如果希望選擇一組不相鄰的單元格，可按住【Ctrl】鍵單擊選擇各單元格。選中表格后，可利用“屬性”面板查看或修改表格的行、列、寬，以及填充、間距、背景顏色、背景圖像等屬性。 在表格的某個(gè)單元格中單擊，“屬性”面板中將顯示水平、垂直、寬、高等單元格屬性，此時(shí)可通過“屬性”面板設(shè)置其屬性。本例將在第2章綜合實(shí)例創(chuàng)建的文檔“index.html”的基礎(chǔ)上，使用表格布局文檔，以鞏固3.1節(jié)所學(xué)知識(shí)（具體操作見視頻3-1）。在網(wǎng)頁制作中，經(jīng)常會(huì)用到一些特殊結(jié)構(gòu)的表格，此時(shí)就需要拆分或合并單元格。 拆分單元格就是將一個(gè)單元格拆分成多個(gè)單元格。 所謂合并單元格，就是將相鄰的幾個(gè)單元格合并成一個(gè)單元格。拖動(dòng)鼠標(biāo)選中要合并的連續(xù)單元格（此處為第1行中間的3個(gè)單元格），然后單擊“屬性”面板上的“合并所選單元格，使用跨度”按鈕 ，則3個(gè)單元格合并為1個(gè)單元格。在使用表格組織大量信息時(shí)，往往需要在創(chuàng)建好的表格中添加或刪除行與列，以增加或減少記錄。 移動(dòng)表格整行內(nèi)容的方法非常簡單，本節(jié)來看具體操作。 如果希望對(duì)Dreamweaver表格中的內(nèi)容進(jìn)行排序，可執(zhí)行本節(jié)的操作。 在頁面中添加表格時(shí)，如果預(yù)先有表格內(nèi)容存儲(chǔ)在記事本或Word等文檔中，可以將其直接導(dǎo)入到頁面中；此外，還可以將表格導(dǎo)出為獨(dú)立的文件，以便在需要使用時(shí)導(dǎo)入。 本例