怎样在html页面中制作一个简单的表格

来源：互联网 2023-03-16 19:19:18 440

我们在设计网页时，有时会遇到使用表格来呈现内容的情况，这种情况下我们就需要使用Dreamweaver创建一个table然后给定样式，并添加适当的内容。

方法/步骤

我们需要打开电脑，在开始菜单中找到DW软件，双击并打开软件，然后新建一个html页面，并保存到桌面上。

怎样在html页面中制作一个简单的表格

然后我们回到DW的网页编辑页面中，在body部分添加一个table标签，并将之闭合。

怎样在html页面中制作一个简单的表格

然后我们需要继续给表格添加内容，首先是给table标签一定的背景色和大小以及边框。

怎样在html页面中制作一个简单的表格

然后在浏览器中查看，可以看到表格的初步样式和我们所预想的是一样的。

怎样在html页面中制作一个简单的表格

4此文章未经授权抓取自百度经验

接下来我们便开始真正的为网页中的table标签添加内容了。首先我们需要确定，table标签都包含哪些内容，分别是tr、td、th。tr是一行、td是一个单元格、th是标题单元格。

我们先为表格添加一行标题单元格。并为之设定高度，字体等样式。

怎样在html页面中制作一个简单的表格

按下F12，在浏览器中查看，我们可以看到标题在table的正中央显示，这是因为我们虽然为th设定了高度，但是我们也为表格设定了高度，所以th默认占据了整个表格的高度。

怎样在html页面中制作一个简单的表格

我们继续为table添加内容单元格。并为内容单元格设定一定的样式，再刷新浏览器查看改动之后的网页。

怎样在html页面中制作一个简单的表格

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： HTML