这篇文章主要讲解了“html网页设计中怎么制作表格”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“html网页设计中怎么制作表格”吧！

步骤如下：

1.首先我们向在Web前端开发工具中新建一个 .html 文件（这边小编用的是HBuilderX），在文件中输入下面这些代码就可以看到我们的一个表格的雏形，代码截图如下：

<html><head><metacharset="utf-8"><title></title></head><body><table><thead><tr><th>标题1</th><th>标题2</th><th>标题3</th><th>标题4</th><th>标题5</th><th>标题6</th></tr></thead><tbody><tr><td>单元格1</td><td>单元格2</td><td>单元格3</td><td>单元格4</td><td>单元格5</td><td>单元格6</td></tr><tr><td>单元格1</td><td>单元格2</td><td>单元格3</td><td>单元格4</td><td>单元格5</td><td>单元格6</td></tr><tr><td>单元格1</td><td>单元格2</td><td>单元格3</td><td>单元格4</td><td>单元格5</td><td>单元格6</td></tr></tbody></table></body></html>

通过代码的运行我们看到了一个表格的雏形。

2.我们通过使用borde元素在网页中添加一个值就可以得到一个表格了，代码如下：

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title></head><body><tableborder="1"><thead><tr><th>标题1</th><th>标题2</th><th>标题3</th><th>标题4</th><th>标题5</th><th>标题6</th></tr></thead><tbody><tr><td>单元格1</td><td>单元格2</td><td>单元格3</td><td>单元格4</td><td>单元格5</td><td>单元格6</td></tr><tr><td>单元格1</td><td>单元格2</td><td>单元格3</td><td>单元格4</td><td>单元格5</td><td>单元格6</td></tr><tr><td>单元格1</td><td>单元格2</td><td>单元格3</td><td>单元格4</td><td>单元格5</td><td>单元格6</td></tr></tbody></table></body></html>

这样子我们就完成了一个表格的设置了。

感谢各位的阅读，以上就是“html网页设计中怎么制作表格”的内容了，经过本文的学习后，相信大家对html网页设计中怎么制作表格这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！