课程表
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> table { border: 1px solid #ccc; border-collapse: collapse; } th,td { border: 1px solid #ccc; padding: 10px; } </style> </head> <body> <table> <caption> 课程表 </caption> <thead> <tr> <th>时间</th> <th>周一</th> <th>周二</th> <th>周三</th> <th>周四</th> <th>周五</th> </tr> </thead> <tbody> <tr> <td rowspan="3">上午</td> <td>英语</td> <td>政治</td> <td>数学</td> <td>语文</td> <td>地理</td> </tr> <tr> <td>政治</td> <td>语文</td> <td>数学</td> <td>英语</td> <td>地理</td> </tr> <tr> <td>英语</td> <td>语文</td> <td>数学</td> <td>政治</td> <td>地理</td> </tr> <tr> <td colspan="6" align="center">中午休息</td> </tr> <tr> <td rowspan="3">下午</td> <td>政治</td> <td>语文</td> <td>数学</td> <td>英语</td> <td>地理</td> </tr> <tr> <td>英语</td> <td>语文</td> <td>数学</td> <td>政治</td> <td>地理</td> </tr> <tr> <td>政治</td> <td>语文</td> <td>数学</td> <td>英语</td> <td>地理</td> </tr> </tbody> </table> </body></html>
注册表单
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>表单</title> <style> h2 { margin-left: 100px; } form { width: 300px; padding: 15px; border: 1px solid #ccc; background-color: rgb(250, 201, 169); } form input { height: 30px; } form div { margin-bottom: 10px; } form button { display: block; margin: 0 auto; width: 70px; } </style> </head> <body> <h2>用户注册</h2> <form action=""> <div> <label for=""> 用户名：<input type="text" name="username" placeholder="请输入用户名" /> </label> </div> <div> <label for=""> 密 码：<input type="password" name="pwd" placeholder="请输入8-12位密码" /> </label> </div> <button>提 交</button> </form> </body></html>
