表构造：非常简单的初学者问题答案

【问题标题】：Table construction: Very Simple Beginner's Question表构造：非常简单的初学者问题
【发布时间】：2020-03-06 00:04:52
【问题描述】：

我刚刚开始学习基本的“编码”(HTML)，我被困在老师为我们准备的长周末的桌子上（请注意，我正在度假，所以这不计入任何学位，我我要到星期二才能见到他）。我认为这可能是一个非常简单的解决方案，但我从下午开始就一直在努力解决。

链接到的图像文件显示了他希望我们仅使用 HTML（无 CSS）构建的表格。我想有些人会认为这不是现代技术，但我想知道如何至少使用直接的 HTML 来实现这一点也不错。

最上面一排是一个长盒子（比如说它有一个单位高度），从上数第二排是两个高度为三个单位的盒子，从上排第三个是另一个长一个单位高的盒子在最底部、一个单位高的五个盒子的顶部，每个盒子的大小相同。

尽管他在大框中画了两个大 X][1] 以表明这些单元格将具有“X”占位符并且不是空白，但这些框都没有数据。 [1]：https://i.stack.imgur.com/LK7oJ.png

我想出的初出茅庐的 HTML 代码是这样的：

    <html>
    <head>
     	<title>Under the Table</title>
    </head>
    <body>
    	<center> <h2>Table Example</h1></center>
    	<center>
    		<table border="3">
    				<tr>   
    					<th colspan="5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
    				</tr>
    				<tr>
    					<td colspan="2.50" height="100"; width="100"><center>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</center></td>
    					<td colspan="2.50" height="100"; width="100"><center>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</center></td>
    				</tr>
    				<tr>
    					<td colspan="5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    					
    				</tr>
    				<tr>
    					<td width="10%">&nbsp;</td>
    					<td width="10%">&nbsp;</td>
    					<td width="10%">&nbsp;</td>
    					<td width="10%">&nbsp;</td>
    					<td width="10%">&nbsp;</td>
    					
    				</tr>
    		</table>
    </body>
    </html>

运行代码，您会发现虽然一切看起来都很好，但带有三倍高度框的第二行被压缩，在该行的右侧留下了很大的空间。只需运行代码，您就会看到我的问题。

好的，所以总结并明确说明：我无法创建一个包含八个空框和两个大（三倍高）框的表格，其中只有一个字符，只使用 HTML（我可能无法管理通过任何其他方式，但仍然）。基于所需输出（图片）和我上次失败的尝试（第二行中的两个大框水平太小并留下空的非单元格空间）的任何建议？

注意：我正在度假，这不是学位课程。因为我在一个长周末休假，所以我希望了解标记语言（以及一般编程）的人提供一些意见。感谢您的帮助。

【问题讨论】：

标签： html height cell

【解决方案1】：

所以 colspan 参数不接受小数。在这种情况下，您可以做的是简单地将列乘以 2，这样第一行和第三行就得到 10，这意味着第二行将是 2 而不是 2.50。但是，您可能也不会获得非常好的最终结果，因为您的 4:th 在您拥有的代码中只会是 50% (10% * 5)。

如果这是为了学校，我真的不想在这里给你所有的答案，但如果你想看看会发生什么，你可以玩弄它。

【讨论】：

我认为您的解决方案是实用且良好的。尽管至少看到“所有答案”的命中可能会很有趣；-)