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