HTML中的常用标签
标题: <h1> ~ <h6>
段落: <p>
链接: <a href="" target="">
图像: <img src="" alt="">
列表: <ul> + <li>, <ol> + <li>, <dl><dt><dd>
表格: <table><thead><tbody><tr><td>
表单: <form><label><input>
框架: <iframe src="" width="" height="">
通用: <div><span>
容器: <header><nav><main><article><section><footer>
4月23日作业
完成表格的跨行合并功能
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.bgtable{
text-align: center;
}
</style>
</head>
<body class="bgtable">
<table border="1px solid black" cellspacing="0" width="500" cellpadding="5" align="center">
<caption><h2>成绩表</h2></caption>
<thead bgcolor='lightgreen' >
<tr>
<th>姓名</th>
<th>性别</th>
<th>php</th>
<th>mysql</th>
<th>thinkphp</th>
</tr>
</thead>
<tbody>
<tr>
<td>卡卡西</td>
<td rowspan="3">男</td>
<td>90</td>
<td>80</td>
<td>95</td>
</tr>
<tr>
<td>左助</td>
<!-- <td>男</td> -->
<td>86</td>
<td>80</td>
<td>82</td>
</tr>
<tr>
<td>鸣人</td>
<!-- <td>男</td> -->
<td>60</td>
<td>56</td>
<td>49</td>
</tr>
<tr>
<td>小樱</td>
<td>女</td>
<td>88</td>
<td>80</td>
<td>85</td>
</tr>
<tr>
<td>秋香</td>
<td>女</td>
<td>80</td>
<td>80</td>
<td>80</td>
</tr>
</tbody>
<tfooter>
<td colspan="2" align="center">合计</td>
<td>404</td>
<td>376</td>
<td>391</td>
</tfooter>
</table>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
2. 独立完成一个用户注册表单
3. 制作一个简易的后台首页
