多语言展示
当前在线:616今日阅读:19今日分享:20

如何在html中创建一个table表

table可以方便的帮我们处理一些数据,因此在处理数据时候,为了方便快速,有时候在html中会嵌套一些表格。
工具/原料

html开发工具

方法/步骤
1

首先,根据您的要求,您可以将具体表的样式给设计出来。

2

对于html,您可以使用任何的文本工具打开。

3

不过简单的文本编辑工具可能会使您的开发变得比较慢,借助一些开发工具,您得开发速度会成倍增长。

4

dreamweaver是一款不错的开发工具,您可以借助dreamweaver快速开发。您也可以使用其他辅助软件开发软件。

5

首先,创建网页结构。

6

在html中,tr表示的是行,入下图所示的内容即是一行一列。

7

您可以在一行中做多列表。只需要在标签之间添加即可。入下图所示的是一行两列。

8

如果您需要添加多列,您只需要在创建多个标签,并在标签之间添加一定数量的标签即可,入下图所示。

9

基本的结构已经创建完成,您需要在头部加入编码方式,让浏览器正确读您的html。

10

使用浏览器打开您的这个html试一试看。

11

您会发现没有线框,那是因为线框还没有设置,您需要设置一些线框。入下图所示:

12

具体添加内容是table 的后面。现在您再使用浏览器打开这个html文档看看。

13

在将来,您可以使用Css来让您的表格变得漂亮起来,现在的确有一些不忍直视,不过至少我们将他给创建出来了,完成了第一步。

14

希望对您有用!

注意事项

html不需要编译,直接打开浏览器即可运行,所见即所得。

推荐信息