html表格代码(html表单)
html表格居中代码
1、首先打开vscode编辑器，新建一个html文档，里面写入一个外层的div，再加入一行table表格：
2、然后在上方的style标签中加入css样式，设置table标签的样式，table的元素具有长度自适应性，其长度根据其内文本长度决定，只要设置margin属性，让左右设置为auto就回自动分配剩余空间，也就是元素两侧的区域各占50%，那么元素就左右居中了：
3、最后打开浏览器就可以看到居中的一行表格了：
如何用HTML来制作表格？
HTML中的表格由 table 标签来定义，表格是由单元格组成的，单元格可以放入文字、图片、表格等内容。下面，我们来看看如何用HTML来制作表格吧。
01
代码，先用table标签定义一个表格，其中border表示边框，border="1"表示边框为1个像素，数值越大，边框就越粗。
table border="1"
/table
02
tr元素表示表格中的行，比如创建两行
tr/tr表示一行。
03
单元格
HTML表格的单元格用td标签表示，如下图所示：
td语文/td
04
表格
就做好一个HTML表格，显示图如下：
总代码：
body
table border="1"
tr
td语文/td
td数学/td
/tr
tr
td英语/td
td化学/td
/tr
特别提示
表格的标签：table、tr、td三个标签。
求html表格的代码
效果是这样的，除了表格的数据的一些背景颜色，没给你调，其他的应该是一模一样吧，边框颜色可能有点差别，自己细调吧，我直接用的255的绿色。效果是下面这样的：
实际效果和你要的效果应该差别不大
代码其实就是最基础的表格样式做的。代码如下：
!DOCTYPE html
html
head
style
tr.title td{text_align:center;width:4em;text-align:center;font-weight:bold;}
table{border:1px solid RGB(0,255,0);}
tr.name td{border:2px solid RGB(0,255,0);text-align:center;}
/style
/head
body
table
tr class="title";
td学号/td
td姓名/td
td语文/td
td数学/td
td英语/td
/tr
tr class="name";
td1/td
td张三/td
td87/td
td68/td
td89/td
/tr
tr class="name";
td2/td
td李四/td
td89/td
td84/td
td86/td
/tr
tr class="name";
td3/td
td王五/td
td96/td
td94/td
td85/td
/tr
tr class="name";
td4/td
td李六/td
td98/td
td87/td
td67/td
/tr
/table
/body
/html