包含5行5列的HTML表格

如何创建包含5行5列的HTML表

我尝试了以下安排

<table width="100%" border="1">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

但我只得到5列和3行。请帮忙

---

谢谢，有没有比每行写5行更简单的方法；DR：您只提供了3个

标记，所以您只得到了3行。

在HTML中，表具有以下基本结构1：

1-存在其他标记，例如

th

，

thead

，等等。但是为了清楚起见，我忽略了它们

首先声明带有

标记的表，然后声明带有

标记的行。（tablerow。） 在每一行中，您可以声明数据容器

。（tabledata）

下面是一段HTML代码，用于创建包含5列5行的表：

表格{
边界塌陷：塌陷；
}
表td{
边框：1px纯黑；
}

第1行/第1列
col_2
第3栏
第4栏
第5栏
第2排
第3排
第4排
第5排

是表行的缩写。您只有3行，因此只能得到3行，而不是5行。再添加两行

编辑：添加了一些javascript

let table=document.getElementById（“table”）；
//假数据
常量内容列表=[
//第1行
[{title:“title”}，{title:“title”}，{title:“title”}]，
//第2行
[{title:“title”}，{title:“title”}，{title:“title”}]，
//第3行
[{title:“title”}，{title:“title”}，{title:“title”}]
];
//函数生成一行。
常量行模板=（数据，行编号）=>{
让rowString=“”；
data.forEach（（td，索引）=>{
rowString+=`${td.title}，行：${rowNumber}，列：${index}`；
});
行字符串+=“”
返回行字符串；
};
//函数生成所有行
const generateRows=（数据，elementToPopulate）=>{
让htmlString=“”；
data.forEach（（行，索引）=>{
htmlString+=行模板（行、索引）；
});
elementToPopulate.innerHTML=htmlString；
}
//调用方法
generateRows（内容列表、表格）

您可以使用Javascript和for循环来创建n列/行。这个问题不是离题！正如Simo指出的，答案是使用Javascript。询问者可能没有意识到这一点。这不再是一个小问题：@DavidI.Samudio：对不起，我没能理解你的意思。请你澄清一下好吗？嗨@Yuriko，这个问题被关闭的原因是无关紧要的：“这个问题是由一个无法再复制的问题或一个简单的印刷错误引起的……”。潜在的问题是询问者只知道HTML，并且直觉上正在寻找一种编程方法，在本例中是JS，但他/她没有意识到这一点。也许，这一问题被与trolling混淆了，但没有讨论，也没有怀疑的好处。这表明对初学者问题的容忍度非常低。有趣的是，它在Facebook上获得了很大的吸引力，很多用户对此问题做出反应，并批评社区对新来者缺乏支持。这看起来是答案的一部分吗？为什么会偏离主题？这和一个JS循环（Asimo注释）帮助新的web开发人员了解当他们发现某种障碍时如何编程。
table
|- row_1
|  |- data_1
|  `- data_2
|- row_2
|  |- ...
...