用HTML和css作表格，从外部导入数据时，如何在同一行内创建多个同类数据单元格

用HTML和css作表格，从外部导入数据时，如何在同一行内创建多个同类数据单元格，并使其内容不重复？
我没有编程知识，想把anki（一个抽认卡软件）的一个单词牌组做成HTML表格。具体是将一个HTML模板导入软件内，利用软件插件自动生成。下为原本模板：

<head>
    <meta charset="UTF-8">
    <style>
        table {
            font-family: sans-serif, NSimSun, SimSun;
            font-size: 13px;
            color: #333333;
            border-width: 1px;
            border-color: #666666;
            border-collapse: collapse;
            width: 100%;
        }

        th {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #dedede;
        }

        td {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #ffffff;
            width: 50%;
        }

        img {
            max-width: 50%;
            height: auto;
        }
    </style>
</head>

<body>
    
    <table>
        <tr>
            <td>{{书写法}} . {{读法}}</td>
            <td>{{汉语翻译}}||{{词性}}</td>
        </tr>
    </table>

</body>

原本一行是“单词 翻译”这样的格式，我想改为“单词 翻译 另一个单词 翻译”这样的格式。我把tr里的内容复制粘贴了一遍，把td里的width改成25%，一行的格式变成了“单词 翻译 同一个单词 同样的翻译”。我又查了其他一些方法，但都没成功。请问如何达到我想要的效果？谢谢！

参考GPT和自己的思路：要在同一行内创建多个同类数据单元格并使其内容不重复，可以按照以下步骤操作：

  1. 在表格中的和之间增加一个，即增加一列。

  2. 在新的中添加要导入的数据，并注意确保数据不重复。

例如，在你的情况下，可以按照如下方式修改模板：

<body>
 
 <table>
 <tr>
 <td>{{书写法}} . {{读法}}</td>
 <td>{{汉语翻译}}||{{词性}}</td>
 <td>{{另一个单词}} . {{另一个读法}}</td>
 <td>{{另一个汉语翻译}}||{{另一个词性}}</td>
 </tr>
 </table>

</body>

这样，就可以在同一行中创建四个相同类型的单元格，并保证数据不重复。

希望能帮到你！