打开Word程序，新建一个文档
请点击输入图片描述
2
找到“插入”选项卡单击
请点击输入图片描述
3
在菜单栏找到“表格”单击，选择下拉菜单中的“插入表格”单击
请点击输入图片描述
4
在“插入表格”对话框中，设置自己需要的值班表数据。这里设置的“行数为32”，列数为“3”，完成后单击“确定”
请点击输入图片描述
5
单击“页面布局”选项卡，找到“纸张方向”单击
请点击输入图片描述
6
在下拉菜单选择“横向”单击
请点击输入图片描述
7
在表格中输入日期和姓名
请点击输入图片描述
8
现在的这份简单的值日表就做成了，如果需要还可以在第一个单元格中插入一个斜线就完美了
请点击输入图片描述
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做个数据录入的模板。如下参考：
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:1pxsolidblack
font-size:12px
text-align:center
}
</style>
5.注意，此代码“table的意思是表”的含义是将表边框合并为单个边框以合并相邻的更改。
6.预览结果如下图所示，一个制作简单的HTML模板。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）