html表格代码怎么写， HTML中表格和表单的示例代码
大家好，今天来为大家分享html表格代码怎么写的一些知识点，和 HTML中表格和表单的示例代码的问题解析，大家要是都明白，那么可以忽略，如果不太清楚的话可以看看本篇文章，相信很大概率可以解决您的问题，接下来我们就一起来看看吧！
html做个表格代码
html做个表格的步骤如下：
1、首先新建一个html，点击<body></body>中间，先填入表格内容；
2、内容根据需求来写即可，示例代码如下：
<table>
<p style="text-align:center">功课表</p>
<tr>
<th>语文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>数学</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>英文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
</table>
3、然后在<head></head>中间输入样式表的样式；
4、样式也根据个人的需求来设置即可，设置单元格的宽度高度，合并单元格，位置，颜色等等，示例代码如下：
<style type="text/css">
body
{
width:340px;
height:800px;
}
table
{
border-collapse:collapse;
}
th,td
{
width:100px;
height:40px;
border:1px solid black;
font-size:12px;
text-align:center;
}
</style>
5、这里需要注意这个代码“table”的意义是将表格边框合并为单一的边框，将相邻变合并。
6、预览结果如下所示，一个简单的表格就制作出来了。
求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";>
<td>1</td>
<td>张三</td>
<td>87</td>
<td>68</td>
<td>89</td>
</tr>
<tr class="name";>
<td>2</td>
<td>李四</td>
<td>89</td>
<td>84</td>
<td>86</td>
</tr>
<tr class="name";>
<td>3</td>
<td>王五</td>
<td>96</td>
<td>94</td>
<td>85</td>
</tr>
<tr class="name";>
<td>4</td>
<td>李六</td>
<td>98</td>
<td>87</td>
<td>67</td>
</tr>
</table>
</body>
</html>
怎么在html文件里做一个表格
html做个表格的步骤如下：
1、首先新建一个html，点击<body></body>中间，先填入表格内容；
2、内容根据需求来写即可，示例代码如下：
<table>
<p style="text-align:center">功课表</p>
<tr>
<th>语文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>数学</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>英文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
</table>
3、然后在<head></head>中间输入样式表的样式；
4、样式也根据个人的需求来设置即可，设置单元格的宽度高度，合并单元格，位置，颜色等等，示例代码如下：
<style type="text/css">
body
{
width:340px;
height:800px;
}
table
{
border-collapse:collapse;
}
th,td
{
width:100px;
height:40px;
border:1px solid black;
font-size:12px;
text-align:center;
}
</style>
5、这里需要注意这个代码“table”的意义是将表格边框合并为单一的边框，将相邻变合并。
6、预览结果如下所示，一个简单的表格就制作出来了。
关于html表格代码怎么写， HTML中表格和表单的示例代码的介绍到此结束，希望对大家有所帮助。