博客列表 >表格制作

表格制作

哈的博客
哈的博客原创
2018年03月17日 15:21:54653浏览

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<table border="1" width="80%" cellspacing="0" cellpadding="5">

<caption><h2>大学3班同学信息表<small><a href="">添加</a></small></h2></caption>

    <colgroup span="1" bgcolor="red"></colgroup>

    <colgroup span="1" bgcolor="red"></colgroup>

    <colgroup span="2" bgcolor="green"></colgroup>

    <colgroup span="1" bgcolor="yellow"></colgroup>

<thead>

<tr bgcolor="yellow">

<th colspan="2">信息</th>

<th colspan="3">身体状况</th>

<th colspan="2" rowspan="2">操作</th>

</tr>

<tr bgcolor="blue">

<th>ID</th>

<th>姓名</th>

<th>性别</th>

<th>身高 cm</th>

<th>体重 kg</th>

</tr>

</thead>

<tbody>

<tr>

<td>01</td>

<td><img src="./images/1.jpg" width="30">小明</td>

<td>男</td>

<td>175</td>

<td>65</td>

<td>编辑</td>

<td>删除</td>

</tr>

<tr>

<td>02</td>

<td><img src="./images/2.jpg" width="30">小张</td>

<td>男</td>

<td>178</td>

<td>68</td>

<td>编辑</td>

<td>删除</td>

</tr>

<tr>

<td>03</td>

<td><img src="./images/3.jpg" width="30">小红</td>

<td>女</td>

<td>164</td>

<td>48</td>

<td>编辑</td>

<td>删除</td>

</tr>

<tr>

<td>04</td>

<td><img src="./images/4.jpg" width="30">娜娜</td>

<td>女</td>

<td>170</td>

<td>54</td>

<td>编辑</td>

<td>删除</td>

</tr>

</tbody>

<tr bgcolor="purple">

<td colspan="2">平均</td>

<td>不男不女</td>

<td>171</td>

<td>58</td>

<td>编辑</td>

<td>删除</td>

</tr>

<tfoot></tfoot>

</table>

<p>

<a href="">首页</a>

<a href="">上一页</a>

<a href="">第2页</a>

<a href="">第3页</a>

<a href="">第4页</a>

<a href="">...</a>

<a href="">下一页</a>

<a href="">尾页</a>

</p>

</body>

</html>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议