表格的简单制作

首先我们要做出的表格

Paste_Image.png

<table>
<caption>标题文本</caption> `

这一部分是用来写购物车这个标题
而代码主体在下面，你可以复制验证
<table border="1">
<tr>
<th rowspan="2">名称 </th>
<th colspan="2">2016-11-22</th>
<th rowspan="2">小计 </th>
</tr>
<tr><th> 重量</th>
<th>单价</th>
</tr>
<tr>
<th>苹果 </th>
<td>3公斤</td>
<td>5元/公斤</td>
<td>15元</td>
</tr>
<tr>
<th>香蕉 </th>
<td>2公斤 </td>
<td>6元/公斤</td>
<td>12元</td>
</tr>
<tr>
<th colspan="3">总价</th>
<td>27元 </td>

</tr>`

首先，我要讲的是基础知识

<table>:定义HTML文档中的表格 <tr>定义表格中的一行 <th>定义表格中的表头 <table border=”1”>设置边框<td>定义表格中的`一列
这里声明<th>效果加粗字体

其次，我们要讲对表格的添加属性，

我们这里需要的是rowspan和colspan两种属性rowspan和colspan分别设置表格的占用标准表格的几行和几列

最后照着表格将内容一行一行编写即可