表格基本操作

瀏覽互聯(lián)網(wǎng)上絕大部分網(wǎng)頁(yè),都會(huì)發(fā)現(xiàn)表格控制頁(yè)面的影子。表格能使各種元素在網(wǎng)頁(yè)設(shè)計(jì)中布局得整齊統(tǒng)一、井然有序。Dreamweaver為網(wǎng)頁(yè)設(shè)計(jì)提供了強(qiáng)大的表格功能。在Dreamweaver中可以很輕松地插入表格、設(shè)置表格屬性,以及改變表格的結(jié)構(gòu)和大小等。

插入表格

在網(wǎng)頁(yè)中插入表格的方法非常簡(jiǎn)單。例如,插入一個(gè)3行3列的表格,可以按照下列步驟進(jìn)行操作。

【操作步驟】

第1步,啟動(dòng)Dreamweaver,新建HTML文檔,保存為test.html。

第2步,將光標(biāo)置于文檔中要插入表格的位置。

第3步,選擇【插入】|【表格】命令,打開(kāi)【表格】對(duì)話框。

第4步,在【表格】對(duì)話框中設(shè)置主要屬性。   

?行數(shù):在該文本框中輸入表格的行數(shù)為3。   

?列:在該文本框中輸入表格的列數(shù)為3。   

?表格寬度:在該文本框中設(shè)置表格的寬度值為200,單位為像素,也可以用百分比來(lái)設(shè)置。

第5步,其他選項(xiàng)暫時(shí)保留默認(rèn)值。輸入完畢后,單擊【確定】按鈕,關(guān)閉對(duì)話框,這時(shí)頁(yè)面中將顯示插入的表格。

提示:在【表格】對(duì)話框中,還涉及其他的參數(shù)設(shè)置。   

?邊框粗細(xì):該文本框用于設(shè)置表格的邊框?qū)挾?,以像素為單位。如果表格邊框設(shè)置為0,則不顯示表格邊框。   

?單元格邊距:該文本框用于設(shè)置單元格中的內(nèi)容和邊框之間的距離,以像素為單位。

它的默認(rèn)值為1。   

?單元格間距:該文本框用于在網(wǎng)站建設(shè)中設(shè)置各單元格之間的距離,以像素為單位。它的默認(rèn)值為2。在【標(biāo)題】選項(xiàng)組中可以為表格設(shè)置擁有標(biāo)題的行或列。   

?無(wú):不使用行或列標(biāo)題。   

?左:將表格的第1列作為標(biāo)題列,以便為表格中的每一行輸入一個(gè)標(biāo)題。   

?頂部:將表格的第1行作為標(biāo)題列,以便為表格中的每一列輸入一個(gè)標(biāo)題。   

?兩者:可以在表格中輸入行標(biāo)題和列標(biāo)題。在【輔助功能】選項(xiàng)組中可以設(shè)置表格輔助功能。

?標(biāo)題:提供了一個(gè)顯示在表格外的表格標(biāo)題。  

?摘要:可以輸入表格的說(shuō)明文本。屏幕閱讀器可以讀取摘要文本,但是該文本不會(huì)顯示在用戶的瀏覽器中。

第6步,插入表格以后,如果在單元格中再插入一個(gè)表格,這時(shí)插入的表格即為嵌套表格。插入嵌套表格的方法與插入表格的方法基本一致,只要將插入點(diǎn)置于要嵌套的單元格中,然后按照插入表格的方法插入嵌套表格即可,

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:0871-63535511(點(diǎn)擊可一鍵撥號(hào))