国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

一、創(chuàng)建基本的表格一個表由＜table＞開始， ＜/table＞結(jié)束，表的內(nèi)容由 ＜tr＞,＜th＞和＜td＞定義。＜tr＞說明表的一個行，表有多少行就有多少個＜tr＞；＜th＞說明表的列數(shù)和相應(yīng)欄目的名稱，有多少個欄就有多少個＜th＞；＜td＞則填充由＜tr＞和 ＜th＞組成的表格。下圖是一個3行3列的表格。這里面有兩個概念要弄明白：表格與單元格。他們的關(guān)系是整體與局部的關(guān)系，如同砌墻的磚和砌好的墻一樣。在上面3行3列的表格中一共有9個單元格。由于我們后面將提到的表格屬性和單元格屬性有很多是相同的，所以一定要分清楚。前面已經(jīng)說過表格的最基本標記為＜table＞、＜tr＞、＜td＞，可以先樹立這樣一個概念：描述整個表格的屬性標記放在＜table＞里，描述單元格的屬性標記放在＜tr＞、＜td＞里。1、表格、單元格的大小,表格邊框的寬度、顏色,單元格邊框的顏色表格以及單元格的大小是用“width=#”和“height=#”屬性說明，“width=#”表示寬，“height=#”表示高，，#是以象素或者百分比為單位的數(shù)字。表格邊框的寬度是用“border=#”屬性說明，，#為寬度值，單位是象素，表格邊框的顏色是用 “bordercolor="#"屬性說明，#是16進制的6位數(shù)，格式為rrggbb，分別表示紅、綠、蘭三色的分量?；蛘呤?6種已定義好的顏色名稱，參見文本顏色，單元格邊框的顏色屬性與表格的相同，但只適用于IE。下面是一個寬為300,高為80,邊框?qū)挒?,邊框顏色為“FF0000”的一行兩列表格，其中第一個單元格的寬為200,高為80，第二個單元格的邊框顏色為“0000FF”。代碼如下：＜tableborder="4" width="300" height="80" bordercolor="#FF0000"＞＜tr＞＜tdwidth="200" height="80"＞ ＜/td＞＜tdbordercolor="#0000FF"＞ ＜/td＞＜/tr＞＜/table＞2、表格的水平擺放位置表格的水平擺放位置是用align="#" 屬性說明的，#為left(左對齊), right(右對齊), center(居中)。分別見下例，注意這三個表格與邊界的位置關(guān)系：左對齊center右對齊第三個表格的代碼如下：＜table width="80" border="1"align="right"height="30"＞＜tr＞＜td＞右對齊＜/td＞＜/tr＞＜/table＞3、單元格里內(nèi)容的位置屬性垂直對齊方式，用valign="#"屬性說明，#為top(上對齊), bottom(下對齊), middle(居中)。水平對齊方式：內(nèi)容左對齊內(nèi)容居中內(nèi)容右對齊代碼如下：＜table width="450" border="1"＞＜tr＞＜td width="150"＞＜divalign="left"＞內(nèi)容左對齊＜/div＞＜/td＞＜td width="150"＞＜divalign="center"＞內(nèi)容居中＜/div＞＜/td＞＜td＞＜divalign="right"＞內(nèi)容右對齊＜/div＞＜/td＞＜/tr＞＜/table＞垂直對齊方式內(nèi)容上對齊內(nèi)容居中內(nèi)容下對齊代碼如下：＜table width="150" border="1"＞＜tr＞＜td height="40" width="146"valign="top"＞內(nèi)容上對齊＜/td＞＜/tr＞＜tr＞＜td height="40" width="146"valign="middle"＞內(nèi)容居中＜/td＞＜/tr＞＜tr＞＜td height="40" width="146"valign="bottom"＞內(nèi)容下對齊＜/td＞＜/tr＞＜/table＞4、表格的背景色、背景圖片，單元格的背景色、背景圖片背景色屬性：bgcolor="#" ，背景圖片屬性：background="#"。見下例：代碼如下：＜table width="450" border="1"bgcolor="#539996"bordercolor="#FFFFFF" height="90"＞＜tr＞＜td＞ ＜/td＞＜tdbackground="/Back01.gif"＞ ＜/td＞＜/tr＞＜tr＞＜td＞ ＜/td＞＜td＞ ＜/td＞＜/tr＞＜tr＞＜tdbgcolor="#FF0000"＞ ＜/td＞＜td＞ ＜/td＞＜/tr＞＜/table＞設(shè)置表格的背景色后再設(shè)置單元格的背景色或背景圖片，將優(yōu)先顯示單元格的屬性。5、表格屬性cellspacing、cellpaddingcellspacing屬性用來指定表格各單元格之間的空隙。此屬性的參數(shù)值是數(shù)字，表示單元格間隙所占的像素點數(shù)。我們來看下面的兩個表格：上面第一個表格的單元格之間沒有空白距離，而第二個的單元格之間有很大的空白距離，我們來比較一下他們的源代碼：第一個表格的代碼：…… cellspacing="0"……第二個表格的代碼：…… cellspacing="8"……比較代碼，上邊兩個表格中只有cellspacing的設(shè)置不同，一個為“0”，一個為“8”，顯示的結(jié)果就是第一個表格的每個單元格之間的距離為0(在本例中由于我們?yōu)榱孙@示的方便，將表格邊框設(shè)為“1”，所以單元格的真實距離是“2”，若將表格邊框設(shè)為“0”，則單元格　的距離就是0了，第二個單元格同理)，第二個表格的每個單元格之間的距離為8。cellpadding屬性用來指定單元格內(nèi)容與單元格邊界之間的空白距離的大小。此屬性的參數(shù)值也是數(shù)字，表示單元格內(nèi)容與上下邊界之間空白距離的高度所占像素點數(shù)以及單元格內(nèi)容與左右邊界之間空白距離的寬度所占的像素點數(shù)。我們先來看看這個例子:我們來看下面兩個表格：海長長海長長第一個表格單元格的內(nèi)容與單元格邊界之間沒有空白距離，而第二個表格單元格的內(nèi)容與單元格邊界之間有空白距離，我們來比較一下他們的源代碼：第一個表格的代碼：……cellpadding="０"……第二個表格的代碼：……cellpadding="15"……兩個表格只有紅色部分代碼不同。第一個表格中"海長長"這幾個字離它所在的單元格為0,那是因為設(shè)置了cellpadding="0"的原因.第一個表格中的"海長長"這幾個字離它所在的單元格比較遠，那是因為cellpadding="15",也就是說"海長長"離它所在的單元格的邊界的距離為20像素。簡單的說,cellpadding的值等于多少,那表格內(nèi)的單元格從自身邊界開始向內(nèi)保留多少空白,單元格里的元素永遠都不會進入那些空白里。二、網(wǎng)頁表格制作進階前面我們介紹的是表格最基本也最常用的屬性，要用好表格，就必須熟悉和掌握這些最基本的屬性。在對這些基本的屬性有了一定的了解之后，我們再來看看表格的其他幾個似乎并不常用的屬性，以便對表格有一個整體的認識。事實上，即使不了解下面所講的內(nèi)容，多數(shù)情況下也不會影響你對表格的使用，所以我們只是簡略的帶過。1、拆分表格colspan表示該一儲存格向右打通的欄數(shù)。rowspan表示該一儲存格向下打通的欄數(shù)。看下面的表格：第一行第一欄 第一行的第二、三欄第二行及第三行 的 第一欄 第二行第二欄 第二行第三欄第三行第二欄 第三行第三欄表格代碼：＜table width="450" border="1" cellspacing="0" cellpadding="2" bordercolor="#009900"＞＜tr＞＜td＞第一行第一欄＜/td＞＜td colspan="2"＞第一行的第二、三欄＜/td＞＜/tr＞＜tr＞＜td rowspan="2"＞第二行及第三行 的 第一欄＜/td＞＜td＞第二行第二欄＜/td＞＜td＞第二行第三欄＜/td＞＜/tr＞＜tr＞＜td＞第三行第二欄＜/td＞＜td＞第三行第三欄＜/td＞＜/tr＞＜/table＞2、表格中的標題列＜CAPTION＞ 的作用是為表格標示一個標題列，如同在表格上方加一沒有格線的打通列，通常用來存放表格標題，參數(shù)有 align、 valign。align表示表格標題列相對于表格的對齊方式(水平)，可選值為： left, center, right, top, middle, bottom，若 align="bottom" 的話標題列便會出現(xiàn)在表格的下方，不管你的原代碼是把 ＜caption＞ 放在 ＜table＞中的頭部或尾部。valign表示表格標題列相對于表格的對齊方式(上下)，可選值為： top,bottom。見下例：海長長訪問統(tǒng)計 Month % of IE visitor % of NC visitorJuly 30th 91% 9%表格代碼：＜table width="400" border="1" cellspacing="0" cellpadding="2"＞＜caption＞＜font color="#FF0000"＞＜b＞海長長訪問統(tǒng)計＜/b＞＜/font＞＜/caption＞＜tr align="CENTER"＞＜th＞Month＜/th＞＜th＞% of IE visitor＜/th＞＜th＞% of NC visitor＜/th＞＜/tr＞＜tr align="CENTER"＞＜td＞August＜/td＞＜td＞91%＜/td＞＜td＞9%＜/td＞＜/tr＞＜/table＞3、行組(IE有效)每個表格可以有一個表頭、一個表尾和一個或多個表體，分別以 THEAD、TFOOT和TBODY元素表示。 通常，文檔中它們的次序首先是THEAD，然后是TFOOT，然后是不同數(shù)目的TBODY。＜thead＞ ... ＜/thead＞ - 表的題頭＜tbody＞ ... ＜/tbody＞ - 表的正文＜tfoot＞ ... ＜/tfoot＞ - 表的腳注見下例：Food Drink SweetA B CD E F表格代碼：＜table border width="300"＞＜thead＞＜tr＞＜td＞Food＜/td＞＜td＞Drink＜/td＞＜td＞Sweet＜/td＞＜/tr＞＜/thead＞＜tbody＞＜tfoot＞＜tr＞＜td＞A＜/td＞＜td＞B＜/td＞＜td＞C＜/td＞＜/tr＞＜/tfoot＞＜tr＞＜td＞D＜/td＞＜td＞E＜/td＞＜td＞F＜/td＞＜tr＞＜/tbody＞＜/table＞4、列組(IE有效)＜colgroup align=#＞ #=left, right, center見下例：Food Drink SweetA B CD E F表格代碼：＜table border width=160＞＜colgroup align=left＞ ＜colgroup align=center＞ ＜colgroup align=right＞ ＜thead＞＜tr＞＜th＞Food＜/th＞＜th＞Drink＜/th＞＜th＞Sweet＜/th＞＜/thead＞ ＜tbody＞＜tr＞＜td＞A＜/td＞＜td＞B＜/td＞＜td＞C＜/td＞＜tr＞＜td＞D＜/td＞＜td＞E＜/td＞＜td＞F＜/td＞＜/tbody＞＜/table＞5、列的屬性控制＜COL＞定義一個列組中的列，以便對它們能夠同時設(shè)置有關(guān)屬性＜col span=#＞ #=從左數(shù)起，具有指定屬性的列的列數(shù)＜col align=#＞ #=left, right, center見下例：Food Drink SweetA B CD E F表格代碼：＜table border width=160＞＜colgroup＞ ＜col align=center span=2＞ ＜colgroup align=left＞＜thead＞＜tr＞＜th＞Food＜/th＞＜th＞Drink＜/th＞＜th＞Sweet＜/th＞＜/thead＞ ＜tbody＞＜tr＞＜td＞A＜/td＞＜td＞B＜/td＞＜td＞C＜/td＞＜tr＞＜td＞D＜/td＞＜td＞E＜/td＞＜td＞F＜/td＞＜/tbody＞＜/table＞三、活用表格美化網(wǎng)頁考慮到現(xiàn)在DreamWeaver、Frontpage等軟件的廣泛使用，完全用手寫代碼來編制網(wǎng)頁的人越來越少，所以，在制作以下實例的過程中，我們多是利用DreamWeaver來完成前期工作，然后再手工修改代碼，最終實現(xiàn)我們所期望的效果。1、一個象素寬的分隔線有時候在網(wǎng)頁排版時，我們需要一條細線，用圖片似乎有點勞師動眾了，其實，這個小問題用表格就能搞定。請看下面的例子：代碼：＜table width="100%"cellspacing="0" border="0" bgcolor="#000000" height="1" cellpadding="0"＞＜tr＞＜td＞＜/td＞＜/tr＞＜/table＞在DreamWeaver中的快速通道在Dreamweaver中插入一個一行一列的表格，表格的屬性面板設(shè)置如下：切換到原代碼視窗，將＜td＞ ＜/td＞中的“ ”去掉就ok了。如下圖：說明：其實就是一個高為“1pix”的表格，需要注意的是表格內(nèi)不要有其他任何內(nèi)容。如果你還需要其他顏色的分隔線，只需要改變表格的背景色 bgcolor 就可以了。利用這種方法我們還可以制作出細豎線，將表格的寬該為“1”就可以了。2、利用“cellspacing”屬性制作細線表格有時候我們需要用表格邊框來區(qū)分各部分內(nèi)容，若將表格邊框?qū)挾仍O(shè)置為“1”，又顯得過于突出，影響整個頁面的美觀，怎么辦呢？我們來看看下面兩個表格以及它們的代碼（注意紅色部分代碼）：表格A表格B表格A代碼：＜table width="160"border="1" cellspacing="0"height="40"＞＜tr＞＜td＞＜div align="center"＞表格A＜/div＞＜/td＞＜/tr＞＜/table＞表格B代碼：＜table width="160"cellspacing="1" border="0" bgcolor="#000000"height="40"＞＜tr＞＜tdbgcolor="#FFFFFF"＞＜div align="center"＞表格B＜/div＞＜/td＞＜/tr＞＜/table＞表格A直接設(shè)置邊框?qū)挾葹?，顯示的結(jié)果并不令人滿意，表格B則利用了“cellspacing”屬性，邊框明顯細多了，顯的更加精致。在DreamWeaver中的快速通道在Dreamweaver中插入一個一行一列的表格，表格的屬性面板設(shè)置如下：選擇單元格，把單元格的背景色設(shè)置為白色就ok了！說明：前面已經(jīng)知道，cellspacing屬性用來指定表格各單元格之間的空隙。我們設(shè)置整個表格的背景色時也包含了這個空隙，而設(shè)置單元格的背景色時卻不包含這個空隙，所以，瀏覽器中顯示的表格“邊框線”并不是真正意義上的表格邊框，而是單元格與單元格的空隙（此處的空隙我們設(shè)置的是“1pix”）。3、利用“cellpadding”屬性制作等間距細線表格我們可能經(jīng)常在大網(wǎng)站中看到這種效果的表格：這又是怎么做出來的呢，似乎讓人有點摸不著頭腦。我們來先來看看他的代碼（注意紅色部分的代碼）表格代碼：＜table width="420" border="0"cellspacing="2" cellpadding="1"height="10"＞＜tr＞＜td bgcolor="#000000"＞＜table width="100%" border="0" cellspacing="0" cellpadding="0"height="100%"＞＜tr＞＜td bgcolor="#FFFFFF"＞ ＜/td＞＜/tr＞＜/table＞＜/td＞＜td bgcolor="#000000"＞＜table width="100%" border="0" cellspacing="0" cellpadding="0"height="100%"＞＜tr＞＜td bgcolor="#FFFFFF"＞ ＜/td＞＜/tr＞＜/table＞＜/td＞＜td bgcolor="#000000"＞＜table width="100%" border="0" cellspacing="0" cellpadding="0"height="100%"＞＜tr＞＜td bgcolor="#FFFFFF"＞ ＜/td＞＜/tr＞＜/table＞＜/td＞＜td bgcolor="#000000"＞＜table width="100%" border="0" cellspacing="0" cellpadding="0"height="100%"＞＜tr＞＜td bgcolor="#FFFFFF"＞ ＜/td＞＜/tr＞＜/table＞＜/td＞＜td bgcolor="#000000"＞＜table width="100%" border="0" cellspacing="0" cellpadding="0"height="100%"＞＜tr＞＜td bgcolor="#FFFFFF"＞ ＜/td＞＜/tr＞＜/table＞＜/td＞＜td bgcolor="#000000"＞＜table width="100%" border="0" cellspacing="0" cellpadding="0"height="100%"＞＜tr＞＜td bgcolor="#FFFFFF"＞ ＜/td＞＜/tr＞＜/table＞＜/td＞＜/tr＞＜/table＞代碼好象很多，但理清它的結(jié)構(gòu)后會發(fā)現(xiàn)其實并不復(fù)雜，它主要利用了表格的嵌套以及表格的“cellpadding”屬性。在一個一行六列表格的每個單元格里又插入了一個這樣一個表格：＜table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%"＞＜tr＞＜td＞ ＜/td＞＜/tr＞＜/table＞在DreamWeaver中的快速通道首先制作一個一行六列的表格，表格的屬性面板設(shè)置如下：將該表格每個單元格的背景色設(shè)置為黑色（注意：是單元格而不是整個表格），設(shè)置完后表格顯示如下：然后在每個單元格中插入一個表格，將插入表格的屬性面板按如下設(shè)置就ok了。需要注意的就是上面代碼中加了紅色的屬性一個也不能少！說明：cellpadding 屬性用來指定單元格內(nèi)容與單元格邊界之間的空白距離的大小。明白了這個屬性后，上面的例子就不難理解。紅色代碼中width="100%"的意思是插入的表格的寬是被插入表格寬度的100%,也就是在寬度上把底下表格占滿，但被插入的表格有這樣一個屬性cellpadding="1",所以就算是100%,被插入的表格也要在4邊留下1px的空白距離.同理，height="100%"也就是在高度上也要頂滿下面的表格,但由于被插入的表格的cellpadding="1"的原因,在上與下方都留了1px 的空白距離。這樣，在瀏覽器中顯示的“表格邊框”并不是真實的邊框，而是被背景色填充的這“1px”的空白距離。4、圓角表格的制作做網(wǎng)頁常常使用一些技巧，比如在表格的四周加上圓角，這樣可以避直接使用表格的直角，而顯得過于呆板,　這里選取最有代表性兩種方法來再現(xiàn)圓角表格的制作過程。第一種制作方法：1.做兩個圓角的圖片，這兩個圖片可以先做一個圖片，然后用相關(guān)軟件垂直翻轉(zhuǎn)一下就行了。2. 在兩個圖片中間插入一個背景顏色同圖片一樣的表格，長度也設(shè)為圖片的長度，將這個表格的cellpad設(shè)為1，其他都為0。3. 將表格的單元格背景色設(shè)置為白色（從2、3兩步可以看出這里其實是制作了一個細線邊框的表格）經(jīng)過這樣的處理后表格是不是漂亮多了呢！4. 最后我們就可以在表格里面填寫內(nèi)容了，我們可以把這個部分當然一個整體，復(fù)制并粘貼到頁面上不同的地方，當然你也可以改變整個圓角表格的尺寸，要做的就是改變圓角圖片和插入表格的尺寸了。代碼如下：＜img height=15src="/411-w01.gif" width=125＞＜br＞＜table width="124"cellspacing="1" cellpadding="0" bgcolor="#0000FF"＞＜tr＞＜tdbgcolor="#FFFFFF"＞經(jīng)過這樣的處理后表格是不是漂亮多了呢?。?td＞＜/tr＞＜/table＞＜img height=13src="/411-w02.gif" width=125＞說明：其實就是兩個圓角圖片與一個細線表格（上面第二個技巧所講到的細線表格）組合在一起。第二種制作方法：1. 準備工作：制作兩個小圓角圖片，如右圖?？梢韵戎谱饕粋€，讓后用相關(guān)軟件翻轉(zhuǎn)就可以了2. 制作一個一行三列的表格。表格的cellpadding、cellspacing均設(shè)置為零。（此處為了便于說明，暫時將border設(shè)置為"1"） 3. 將第一步的兩個小圖片分別插入第一、第三單元格 4. 設(shè)置第一個單元格的align=left、valign=top，使圖片在單元格的左上方，第三個單元格的align=right 、valign=top，使圖片在單元格的右上方。并調(diào)整單元格的大小 5. 將單元格的背景色（注意是單元格）設(shè)置為插入的圖片顏色相同。 這種表格是不是很眼熟啊？的確，我們可以在很多的大網(wǎng)站找到它的身影。6. 將表格的border設(shè)置為"0",然后在下面再插入一個同樣邊框顏色的細線表格（此步驟省略，如果不會，可參照上面的細線表格技巧）,現(xiàn)在就可以在細線表格里寫入內(nèi)容了。代碼如下：＜table width="150"cellpadding="0" cellspacing="0" border="0"＞＜trbgcolor="#7090ff"＞＜tdvalign="top" align="left"width="10"＞＜img src="/411-w03.gif" width="7" height="7"＞＜/td＞＜td width="127"bgcolor="#7090ff"＞ ＜/td＞＜tdalign="right" valign="top"width="10"＞＜img src="/411-w04.gif" width="7" height="7"＞＜/td＞＜/tr＞＜/table＞＜table width="150" cellspacing="1" cellpadding="0" border="0" bgcolor="#7090ff"＞＜tr＞＜td bgcolor="#FFFFFF"＞這種表格是不是很眼熟啊？的確，我們可以在很多的大網(wǎng)站找到它的身影。＜/td＞＜/tr＞＜/table＞說明：它由兩個單獨的表格組成，其中第一個表格是出現(xiàn)圓角的關(guān)鍵！5、兩個并排的表格有時候我們需要把兩個單獨的表格并排排列，但是當我們連續(xù)插入兩個表格的時候，表格會自動分成上下排列，如何解決這個問題呢？利用表格的嵌套：我們可以先做一個一行兩列的表格，然后在這個表格的每個單元格里在插入一個表格就行了,效果如下：代碼如下：＜table width="440" cellpadding="0" cellspacing="0" border="0"＞＜tr＞＜td＞＜table width="200" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1"＞＜tr＞＜td＞ ＜/td＞＜/tr＞＜/table＞＜/td＞＜td＞＜table width="200" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1"＞＜tr＞＜td＞ ＜/td＞＜/tr＞＜/table＞＜/td＞＜/tr＞＜/table＞利用表格自身屬性：連續(xù)插入兩個表格后，將第一個表格（注意，是表格而不是單元格）的align設(shè)置為“left"”就ok了！代碼如下：＜table width="200" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1"align="left"＞＜tr＞＜td＞ ＜/td＞＜/tr＞＜/table＞＜table width="200" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1"＞＜tr＞＜td＞ ＜/td＞＜/tr＞＜/table＞6、利用表格做空格在排版的過程中，空格對我們來說是在熟悉不過的了。為了版面的整齊和規(guī)范 ，我們會多次用到空格，對于文字和圖片來說，非常簡單，但是如果有一個表格內(nèi)容，為了整個版面的協(xié)調(diào)，也要象文字那樣在開頭空兩格，這時候單純的輸入空格解決不了問題，利用嵌套表格好象有點麻煩，怎么辦呢？其實有一個非常簡單但很實用的技巧。我們先來看看效果：代碼如下：＜table width="30" align="left"＞＜tr＞＜td＞ ＜/td＞＜/tr＞＜/table＞＜table width="200" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1"＞＜tr＞＜td＞ ＜/td＞＜/tr＞＜/table＞分析一下代碼，可以看出來這其實就是第5種技巧的另一個應(yīng)用?，F(xiàn)在，相信不用表格的嵌套，你也可以做出這樣的效果吧！四、表格使用的常見問題及解決方法1.表格的變形問題A、因為表格排列設(shè)置而在不同分辨率下所出現(xiàn)的錯位這種變形情況是：1、在800*600的分辨率下時，一切正常，而到了1024*800時，則多個表格或者有的居中，有的卻左排列或右排列，很難看，這是什么原因呢？在解決這個問題之前，我們講一下表格的排列。表格有左、中、右三種排列方式，如果沒特別進行設(shè)置，則默認為居左排列，不用說了，這就是問題之所在。在 800*600的分辨率下，表格恰好就有編輯區(qū)域那么寬，不容易察覺，而到了1024*800的時候，就出現(xiàn)的，解決的辦法比較簡單，即都設(shè)置為居中，或左或右。2、同樣是這種分辨率切換，表格的上下排列不一致。上邊的所說的是水平錯位，而這種則是縱向錯位，多發(fā)生在一個表格單元里嵌入另一個表格的情況。其原因在于，嵌入的表格默認為豎向居中排列，在800*600分辨率時，這種錯位看不出來，而到 1024*800就出現(xiàn)了，解決辦法如前，根據(jù)情況對排列進行設(shè)置，而不是采用其默認設(shè)置。B、采用百分比而出現(xiàn)的變形這里所說的百分比是指表格的高或?qū)捲O(shè)置為上層標記所占區(qū)域高或?qū)挼陌俜直?，如在一個表格單元的寬度是600，在它里面嵌入了另外一個表格，表格寬度占表格單元的50%，則這個表格的寬度為300，依此類推，如果在一個表格不是嵌于另一個表格單元中，則其百分比是相對于當時窗口的寬度的，常出現(xiàn)在IE瀏覽器中，隨便改動主頁窗口的大小時，表格的內(nèi)容也隨之錯位、變形，這是因為表格的百分比也要隨著窗口的大小而改變成相應(yīng)的百分比寬度。當然了，解決辦法是不要設(shè)置成百分比。如果表格沒有外圍嵌套標記，則將寬等設(shè)置成固定寬度，如有外圍嵌套標記，則將外轉(zhuǎn)嵌套標記的寬度設(shè)置為固定值，而表格的寬或高可設(shè)置為百分比，這樣就不會出現(xiàn)變形了。C、表格單元格之間互相干擾引起的變形這種變形情況通常是在工具里制作主頁時沒有空隙，而在瀏覽時卻發(fā)現(xiàn)莫名其妙地多出一些空隙，而又不知原因在哪，很是令人討厭。解決辦法一是先看表格設(shè)置有沒有上面所談的兩種情況，如沒有，可能就是在劃分表格時，同一行的單元格之間相互牽制所出現(xiàn)的問題。我們知道，同一行的表格單元在諸如DreamWeaver 或FrontPage中經(jīng)常頻繁地被拆分，所以，同一行的單元格與另一個單元格的寬與高不一致，這時，你就要注意兩個單元格屬性：colspan、 rowspan。colspan表示的是橫向擴展，而rowspan則表示的是縱向擴展，這個擴展的意思即當前表格單元相鄰的橫向與豎向的表格單元數(shù)，也可這樣理解為表格單元的高或?qū)捠窍噜弾讉€表格單元的高或?qū)挼南嗉雍汀?div style="height:15px;">