导航:首页 > 万维百科 > 网页设计表格嵌套注意

网页设计表格嵌套注意

发布时间: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与你布局方式没有任何的关系,只不过,表格不是那么主流而已。

楼上的应该多学学基础,至少表格布局兼容性要少很多麻烦。

当然,我这么说,并不代表我提倡表格布局,技术总是在向前的。

与网页设计表格嵌套注意相关的知识