半点优化网 http://www.bdxc.net/
当前位置首页 > 网站建设> 正文

HTML网页表格代码编写?

2022-06-01 06:21:57 暂无评论 254 网站建设 表格   编写   代码

1、我们打开记事本进入下图界面。

2、我们要输入制作表格的标签,如下图框内,这个标签里面,我们额外输入了border=1,这个就是边框为1的意思。

3、大家都知道表格是由行和列组成,html里面是一行一行的输入,我们需要输入下图框内的行的标签。

4、一行又是由多列组成,我们需要输入一行中的每列的数据,就需要下图框内的标签,标签中我们输入的姓名作为内容,这样就表示表格的第一行第一列的内容。

5、这样我们就可以制作一个两行两列的表格,代码如下图所示。

6、打开网页后,出现下图的表格。

1、首先新建一个html,点击<body></body>中间,先填入表格内容。

2、内容根据需求来写即可,示例代码如下。

3、然后在<head></head>中间输入样式表的样式。

4、样式也根据个人的需求来设置即可,设置单元格的宽度高度,合并单元格,位置,颜色等等,示例代码如下。

5、这里需要注意这个代码“table”的意义是将表格边框合并为单一的边框,将相邻变合并。

6、预览结果如下所示,一个简单的表格就制作出来了。

猜你喜欢