制作一张课程表
<!DOCTYPE html><html lang="zh-CN"> <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> </head> <body> <table border="1" width="90%" cellspacing="0" cellpadding="5" align="center" > <caption> <h3>武汉市刚花小学一年级课程表</h3> </caption> <thead> <tr bgcolor="lightcyan"> <th>时间</th> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> </tr> </thead> <tbody align="center"> <tr> <th rowspan="3" bgcolor="lightskyblue">上午</th> <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> <tbody> <tr align="center" bgcolor="#dedede"> <td colspan="6">中午休息</td> </tr> </tbody> <tbody align="center"> <tr> <th rowspan="4" bgcolor="lightgreen">下午</th> <td>数学</td> <td>语文</td> <td>英语</td> <td>数学</td> <td>数学</td> </tr> <tr> <td>语文</td> <td>数学</td> <td>音乐</td> <td>体育</td> <td>英语</td> </tr> </tbody> <tfoot> <tr bgcolor="lightskyblue"> <td align="center">备注</td> <td colspan="5" align="center"> 每天下午16:00 - 17:00,写完作业再回家 </td> </tr> </tfoot> </table> </body></html>
常用的表单控件
<!DOCTYPE html><html lang="zh-CN"> <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> </head> <body> <form action="" style="display: grid; gap: 0.5em"> <div> <label for="username">账号：</label> <input type="text" id="username" /> </div> <div> <label for="password">密码：</label> <input type="password" id="password" /> </div> <div> <label for="email">邮箱：</label> <input type="email" name="email" id="email" /> </div> <div> <label for="secret">性别：</label> <input type="radio" name="gender" value="male" id="male" /><label for="male">男</label> <input type="radio" name="gender" value="female" id="female" /><label for="female">女</label> <input type="radio" name="gender" value="secret" id="secret" /><label for="secret">保密</label> </div><div> <label>爱好</label> <input type="checkbox" name="hobby[]" id="programmer" checked><label for="programmer">编程</label> <input type="checkbox" name="hobby[]" id="game"><label for="game">游戏/label> <input type="checkbox" name="hobby[]" id="shot"><label for="shot">摄影</label> <input type="checkbox" name="hobby[]" id="trave"><label for="trave">旅游</label></div><select name="level" id=""> <option value="1">铜牌</option> <option value="2">银牌</option> <option value="3">金牌</option> <option value="4" selected>钻石</option></select><div> <label for="">输入关键字</label> <input type="search" name="search" id="" list="my-key"> <datalist id="my-key"> <option value="html"></option> <option value="css"></option> <option value="javacript"></option> </datalist></div><div> <button type="submit">提交</button></div> </form> </body></html>
