項目五-表格(編輯修改稿)
2025-09-12 01:44 本頁面
【文章內(nèi)容簡介】 格間距，設(shè)置相鄰的表格單元格間的像素值。 對齊：設(shè)置表格的對齊方式。包括“默認(rèn)”、“左對齊”、“居中對齊”、“右對齊” 4種選項。 邊框：以像素為單位設(shè)置表格邊框的寬度。 設(shè)置表格與單元格的屬性 任務(wù) 1： 認(rèn)識表格 制作崗位競聘表 類：選擇 CSS規(guī)則應(yīng)用到當(dāng)前表格對象上。 按鈕：清除列寬。從表格中刪除所有明確指定的列寬數(shù)值。 按鈕：清除行高。從表格中刪除所有明確指定的行高數(shù)值。 按鈕：將表格寬度轉(zhuǎn)換成像素。 按鈕：將表格寬度轉(zhuǎn)換成百分比。 單元格屬性設(shè)置 選中所有單元格，在“單元格”屬性面板設(shè)置“水平”為“居中對齊”，如圖所示。 任務(wù) 1： 認(rèn)識表格 制作崗位競聘表 ? 按鈕：單擊該按鈕，將所選的單元格、行或列合并為一個單元格。只有當(dāng)單元格形成矩形或直線的塊時才可用，才可以合并這些單元格。 ? 按鈕：單擊該按鈕，將一個單元格分成兩個或更多個單元格。一次只能拆分一個單元格；如果選擇的單元格多于一個，則此按鈕將被禁用。 ? 水平：設(shè)置單元格內(nèi)容的水平對齊方式，包括“默認(rèn)”、“左對齊”、“居中對齊”、“右對齊” 4種選項。默認(rèn)為“左對齊”。 ? 垂直：設(shè)置單元格內(nèi)容的垂直對齊方式，包括默認(rèn)”、“頂端”、“居中”、“底部”和“基線” 5種選項。默認(rèn)為“居中”。 ? 寬與高：單元格的寬度與高度，以像素為單位或按整個表格寬度或高度的百分比指定。 ? 不換行：防止換行，單元格的寬度將隨文字長度的不斷增加而加長。 ? 標(biāo)題：將所選的單元格格式設(shè)置為表格標(biāo)題單元格。默認(rèn)情況下，表格標(biāo)題單元格的內(nèi)容為粗體并且居中。 ? 背景顏色：為選中的行、列或單元格設(shè)置背景顏色。單擊按鈕，會打開顏色選擇器，從中選擇顏色。 設(shè)置完成，保存網(wǎng)頁，在瀏覽器中預(yù)覽效果如圖所示。 任務(wù) 1： 認(rèn)識表格 制作崗位競聘表 任務(wù) 1： 認(rèn)識表格 制作崗位競聘表 從前面對表格的操作得出，當(dāng)調(diào)整某個單元格的高度時，一整行的單元格的高度都會跟著一起改變，當(dāng)調(diào)整某個單元格的寬度時，一整列的單元格的寬度也會跟著改變。這樣就造成了很大的限制，當(dāng)內(nèi)容比較復(fù)雜時，需要同行不同高，同列不同寬時，光靠一個表格是很難滿足需求的，這就需要用到嵌套表格。 在表格中再插入表格即為嵌套表格。這樣，在調(diào)整嵌套表格時就不會影響外面的表格。 1）創(chuàng)建一個空白 HTML文檔，插入一個 4行 4列的表格。 2）將光標(biāo)定位在需要插入嵌套表格的單元格內(nèi)，在“插入”面板“常規(guī)”選項卡中點擊“表格”按鈕，打開“表格”對話框，設(shè)置如圖所示參數(shù)。 3）點擊“確定”按鈕即可在表格內(nèi)部嵌套一個表格， 嵌套表格 任務(wù) 1： 認(rèn)識表格 制作崗位競聘表 任務(wù) 1： 認(rèn)識表格 制作崗位競聘表 案例效果與布局如圖所示。 任務(wù) 2 制作表格布局網(wǎng)頁 Dreamweaver學(xué)習(xí)園地 LOGO Banner 導(dǎo)航條 800*35 左側(cè)欄 寬 200 主體內(nèi)容 版權(quán)聲明 800*60 制作步驟： 創(chuàng)建布局表格表格 觀察效果圖，此網(wǎng)頁從上往下可分為四個部分：
數(shù)學(xué)相關(guān)推薦
鄂ICP備17016276號-1