免费HTML指南－以百分比和像素来设置表格的大小

主题

如何创建带有不同大小的表格？
如何设置表格列的大小？

解释

表格大小设置
我们可以用像素或者百分率为单位设置表格的大小。首先我们看看如何以像素为单位设置大小。在宽度和高度的属性中进行设置。

例如代码:
<table border=1 bgcolor="green" width=300 height=100>
<tr height=30>
<td>
这是第一行第一列
</td>
<td>
这是第一行第二列
</td>
</tr>
<tr height=70>
<td>
这是第二行第一列
</td>
<td background="./test.jpg">
这是第二行第二列<br><br> 好的背景
</td>
</tr>
</table>

现在我们设置一个表格，宽度为300和高度为100，第一行的宽度为30，第二行的宽度为70。

结论:

这是第一行第一列	这是第一行第二列
这是第二行第一列	这是第二行第二列好的背景

以百分率为单位来设置表格大小
可以使用页面百分率来设置表格的宽度和高度。
例如: 宽度=60%.
意思就是把表格的宽度设置为当前元素的60％。
例如我们在body标记中画一个宽度为100％的表格，表格的宽度就等于浏览器窗口的宽度。
表格嵌套表格。稍后我们会学习他。

例如代码:
<table border=1 bgcolor="green" width=80% height=20%>
<tr height=30%>
<td>
这是第一行第一列
</td>
<td>
这是第一行第二列
</td>
</tr>
<tr height=70%>
<td>
这是第二行第一列
</td>
<td background="./test.jpg">
这是第二行第二行 <br><br>好的背景
</td>
</tr>
</table>

现在我们可以设置表格宽度为当前元素的80％，高度为当前元素的30％，在高度的30％处是第一行，其余为第二行。
为了深入解释这些，我们假设页面的宽度=500，高度=500，因此表格的宽度＝400，高度＝150。然后在30％处分成第一行，其余为第二行。

结论:

这是第一行第一列	这是第一行第二列
这是第二行第一列	这是第二行第二列好的背景

HTML表格大小设置代码