一、使用表格和表格属性制作简易表格 使用表格标记和属性设计“第一学期成绩表”,如图6.1所示。
时间: 2024-02-18 10:04:49 浏览: 101
好的,我可以为您提供一个示例代码来制作简易表格。以下是一个使用HTML表格标记和属性设计“第一学期成绩表”的示例代码:
```html
<table border="1" cellspacing="0" cellpadding="5">
<caption>第一学期成绩表</caption>
<thead>
<tr>
<th>学号</th>
<th>姓名</th>
<th>语文</th>
<th>数学</th>
<th>英语</th>
<th>总分</th>
<th>平均分</th>
</tr>
</thead>
<tbody>
<tr>
<td>001</td>
<td>张三</td>
<td>80</td>
<td>85</td>
<td>90</td>
<td>255</td>
<td>85</td>
</tr>
<tr>
<td>002</td>
<td>李四</td>
<td>75</td>
<td>90</td>
<td>85</td>
<td>250</td>
<td>83.33</td>
</tr>
<tr>
<td>003</td>
<td>王五</td>
<td>90</td>
<td>80</td>
<td>95</td>
<td>265</td>
<td>88.33</td>
</tr>
</tbody>
</table>
```
在上面的代码中,我们使用了以下表格属性:
- border:设置表格的边框线宽度,值为1表示显示边框。
- cellspacing:设置单元格之间的间距,值为0表示单元格之间没有间距。
- cellpadding:设置单元格内部的空白区域,值为5表示单元格内部的空白区域为5个像素。
- caption:为表格添加标题。
- thead:定义表格头部。
- tbody:定义表格主体。
在表格头部中,使用了 th 标记来定义表格的表头单元格,而在表格主体中,使用了 td 标记来定义表格的数据单元格。
希望这个示例代码可以帮助您制作简易表格。
阅读全文