導航:首頁 > 萬維百科 > 網頁設計表格嵌套注意

網頁設計表格嵌套注意

發布時間:2020-12-13 01:55:35

1、用DREAMVEAVER設計網頁時,嵌套插入表格,在表格中插入圖片時..怎樣調整圖片大小和位置?

一般情況下只要改變圖片控制項的寬和高就可以調整圖片的大小,列也就是<td width="" height=""></td>,如果你圖片所在的表格是被嵌套的,那首先你要控制好外面那層表格的大小,然後只要不超過外面表格的大小,你調整內部列的寬好高就能控制,如果超過就會被外層表格的大小所限制。如果你外層表格的大小不設定那就沒關系了,會自動調整。或者你直接調整圖片控制項的屬性也行,只要外層的寬和高別定義就沒問題。
打個比方:
例子1:
<tadle>
<tr>
<td>
<table>
<tr>
<td>
<img src="url" width="300px" height="300px"/>//如果你原來的圖片大小是600*600,這樣就會調整到300*300,px以像素為單位。
</td>
</tr>
</table>
</td>
</tr>
</table>
例子2:
<tadle width="100px" height="100px">//預先定義了表格的寬和高
<tr>
<td>
<table>
<tr>
<td>
<img src="url" width="300px" height="300px"/>//如果你原來的圖片大小是600*600,這樣就會調整到300*300,px以像素為單位。(由於你外層的表格大小已經定義為100*100,所以你這里調整到300*300無效,會以100*100的大小顯示)
</td>
</tr>
</table>
</td>
</tr>
</table>
總之,如果你是嵌套的表格,而外層的表格大小或列已經預先定義寬和高,那外層就享有優先權,這時候你調整圖片大小的時候就必須要考慮到外層的大小,如果沒定義,那就沒關系,系統會自動調整。如果你外層大小定義width="100%" height="100%",那你就可隨意調整圖片的大小,如果你嵌套的多,就蠻麻煩的,建議不要嵌套太多表格,因為這樣瀏覽器讀取你頁面的時候會花費比較長的時間,最好用div+css來布局,或者一定要用表格,最好分清層次,能不嵌套的盡量別嵌套,很多竅門還需你自己慢慢琢磨,不是三言而語能說清的。

2、如何強制固定dreamweaver網頁表格寬度?

而且在有一些時候,會因為一些需要只用到一個多大的表格。這時候就要用到強制固定表格大上這個標簽。
但是一般情況下,即便是你設置了表格的寬度為某個像素,例如:100px,也不能阻止表格因其單元格文字的過長而變寬。
那麼必須採取CSS樣式的方式來控制。其實也很簡單,只要在表格的屬性中,加入以下代碼:
style="table-layout:fixed;word-break: break-all; word-wrap: break-word;" 即可。
完整的寫法例如:
<table width="100px" style="table-layout:fixed;word-break: break-all; word-wrap: break-word;" >
<tr><td>asdfghjkl;qwertyuiopzxcvbnm,</td></tr><table/>另外:如果你是在Dreamweaver的「設計」視圖中製作網頁,那可是看不出表格固定寬度的效果的,因為文字會自動換行。
因此必須要保存頁面之後,預覽才能觀察得到。
CSS教程:表格不被撐開的解決辦法
做一個用戶留言列表的時候,用到了表格。用戶名為英文字元時,就會把固定寬度的單元格撐開。之前也有遇到過。解決辦法:先用noWrap強行令文字不換行,再用style="table-layout:
fixed;; word-break: break-all;;border-collapse: collapse"強製表格不撐開,即達到效果。
需要注意的是:用了nowrap的單元格設置的寬度要用百分比,不然還是會撐開。我們可以給表頭的單元格設置寬度。火狐下還要在td裡面嵌套一個div。 附: nowrap:一般用在td中禁止自動換行 table-layout:auto | fixed
auto : 默認值。默認的自動演算法。布局將基於各單元格的內容。表格在每一單元格內所有內容讀取計算之後才會顯示出來
fixed : 固定布局的演算法。在這種演算法中,表格和列的寬度取決於 col
對象的寬度總和,假如沒有指定,則會取決於第一行每個單元格的寬度。假如表格沒有指定寬度( width )屬性,則表格被呈遞的默認寬度為100% 。 word-break:break-all和word-wrap:break-word都是能使其容器如DIV、TD的內容自動換行。
word-break : normal | break-all | keep-all
word-wrap : normal | break-word
它們的區別就在於: 1,word-break:break-all
例如div寬200px,它的內容就會到200px自動換行,如果該行末端有個英文單詞很長(congratulation等),它會把單詞截斷,變成該行末端為 conra(congratulation的前端部分),下一行為tulation(conguatulation)的後端部分了。 2,word-wrap:break-word
例子與上面一樣,但區別就是它會把congratulation整個單詞看成一個整體,如果該行末端寬度不夠顯示整個單詞,它會自動把整個單詞放到下一行,而不會把單詞截斷掉的。 border-collapse : separate | collapse取值:separate : 默認值。邊框獨立(標准HTML)
collapse : 相鄰邊被合並

3、html表格裡面嵌套表格 這種怎麼整??

我自己也是剛學,整了一會,直接頭暈了,見諒,你看看如何。

<body>
<table bgcolor="#FFFFFF" width="600" height="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table width="423" height="214" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="428" height="53" align="top" bgcolor="#000000" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="21"></td>
</tr>
</table></td>
</tr> <tr>
<td height="155" align="center" bgcolor="#FFFF00"><table width="243" height="228" align="center" bgcolor="#0000CC" border="0" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table></td>
</tr><tr>
<td><table width="429" height="52" align="left" bgcolor="#FF0000" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="21"></td>
</tr>
</table></td></tr>
</table>
</td>
</tr>
</table>
</body>

4、網頁表格嵌套式是什麼意思

就是在一個表格裡面,再放入一個表格。比如: <table> <tr> <td> <table> <tr> <td> </td> </tr> </table> </td> </tr> </table>

5、HTML表格中單元格內嵌套表格排版問題

網頁中的表格 編輯需要注意標簽,你發給我幫你看下呢。一般都是選錯了造成的

6、dreamweaver表格嵌套表格,如何緊貼?

其主要作用的是:cellpadding="0" cellspacing="0",兩個嵌套表格對比如下:<table width="300" border="1" cellpadding="0" cellspacing="0">
<tr>
<td >
<table width="200" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td width="200">
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

<table width="300" border="1">
<tr>
<td >
<table width="200" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</td>
<td width="200">
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

7、網頁表格嵌套多少層不影響瀏覽速度

多少層都復無所謂,但有一條,瀏覽器在制解釋HTML代碼時,遇到一個Table標簽時,會將對應的</table>讀取完成時,才會顯示在界面上,所以,整個網頁為一個表格,然後就分別用表格劃分來布局的設計理念,一方面網頁代碼比較冗長,另一方面因為需要全部讀取完成後才顯示,導到最終瀏覽時,感覺網頁下載特別慢。

瀏覽器可以多線程下載,如果網頁的布局用多個表格並排向下,往往看到速度會很快。其實整體的速度還是基本相同的,這跟Loading...給人的感覺一樣,讓人在等待過程中不至於出現一片空白讓人焦急而感覺等待的時候更長。

這也是為什麼人們越來越倡導DIV+CSS的原因。這樣的布局理念可以讓瀏覽器解釋的更快,並最大限度的利用多線程使網速提升。

8、dreamweaver網頁製作表格嵌套的問題

你可以在第一個表格右邊再加一列,在這個列裡面再插入表格就可以了
這是表格嵌套。如果你不這樣做的話肯定會跑到下面去。

9、HTML網頁設計中嵌套表格可以基層嵌套?最多不要超過幾個嵌套表格比較好?

願意套多少層都行,表格未必載入會慢,相反,DIV的布局,如果不是很精通,反而影響載入速度,另外SEO與你布局方式沒有任何的關系,只不過,表格不是那麼主流而已。

樓上的應該多學學基礎,至少表格布局兼容性要少很多麻煩。

當然,我這么說,並不代表我提倡表格布局,技術總是在向前的。

與網頁設計表格嵌套注意相關的知識