课程表

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Document</title>
  8.     <style>
  9.       table {
  10.         border: 1px solid #ccc;
  11.         border-collapse: collapse;
  12.       }
  13.       th,td {
  14.         border: 1px solid #ccc;
  15.         padding: 10px;
  16.       }
  17.     </style>
  18.   </head>
  19.   <body>
  20.     <table>
  21.       <caption>
  22.         课程表
  23.       </caption>
  24.       <thead>
  25.         <tr>
  26.           <th>时间</th>
  27.           <th>周一</th>
  28.           <th>周二</th>
  29.           <th>周三</th>
  30.           <th>周四</th>
  31.           <th>周五</th>
  32.         </tr>
  33.       </thead>
  34.       <tbody>
  35.         <tr>
  36.           <td rowspan="3">上午</td>
  37.           <td>英语</td>
  38.           <td>政治</td>
  39.           <td>数学</td>
  40.           <td>语文</td>
  41.           <td>地理</td>
  42.         </tr>
  43.         <tr>
  44.           <td>政治</td>
  45.           <td>语文</td>
  46.           <td>数学</td>
  47.           <td>英语</td>
  48.           <td>地理</td>
  49.         </tr>
  50.         <tr>
  51.           <td>英语</td>
  52.           <td>语文</td>
  53.           <td>数学</td>
  54.           <td>政治</td>
  55.           <td>地理</td>
  56.         </tr>
  57.         <tr>
  58.           <td colspan="6" align="center">中午休息</td>
  59.         </tr>
  60.         <tr>
  61.           <td rowspan="3">下午</td>
  62.           <td>政治</td>
  63.           <td>语文</td>
  64.           <td>数学</td>
  65.           <td>英语</td>
  66.           <td>地理</td>
  67.         </tr>
  68.         <tr>
  69.           <td>英语</td>
  70.           <td>语文</td>
  71.           <td>数学</td>
  72.           <td>政治</td>
  73.           <td>地理</td>
  74.         </tr>
  75.         <tr>
  76.           <td>政治</td>
  77.           <td>语文</td>
  78.           <td>数学</td>
  79.           <td>英语</td>
  80.           <td>地理</td>
  81.         </tr>
  82.       </tbody>
  83.     </table>
  84.   </body>
  85. </html>

注册表单

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>表单</title>
  8.     <style>
  9.       h2 {
  10.         margin-left: 100px;
  11.       }
  12.       form {
  13.         width: 300px;
  14.         padding: 15px;
  15.         border: 1px solid #ccc;
  16.         background-color: rgb(250, 201, 169);
  17.       }
  18.       form input {
  19.         height: 30px;
  20.       }
  21.       form div {
  22.         margin-bottom: 10px;
  23.       }
  24.       form button {
  25.         display: block;
  26.         margin: 0 auto;
  27.         width: 70px;
  28.       }
  29.     </style>
  30.   </head>
  31.   <body>
  32.     <h2>用户注册</h2>
  33.     <form action="">
  34.       <div>
  35.         <label for="">
  36.           用户名：<input
  37.             type="text"
  38.             name="username"
  39.             placeholder="请输入用户名"
  40.           />
  41.         </label>
  42.       </div>
  43.       <div>
  44.         <label for="">
  45.           密　码：<input
  46.             type="password"
  47.             name="pwd"
  48.             placeholder="请输入8-12位密码"
  49.           />
  50.         </label>
  51.       </div>
  52.       <button>提 交</button>
  53.     </form>
  54.   </body>
  55. </html>

更多相关文章

  1. android技术博客汇总
  2. Android黄色警告汇总
  3. Android添加圆角渐变色按钮
  4. Android英语单词记忆程序源码
  5. Android英语单词记忆程序源码
  6. Android中文合集(5)（126+8篇）(chm格式)
  7. Android默认时区、语言设置
  8. android英语字典(内含源码哦)
  9. android 学习笔记（五）

随机推荐

  1. android蓝牙BLE（三） —— 广播
  2. android 回车键事件编程
  3. android 日常 (十六)
  4. Android快速开发架构PlanA（四），网络请求篇，划
  5. android之AnimationDrawable
  6. Android多分辨率适配框架使用指南
  7. Android系统源码基础知识讲解
  8. Dagger 2 在 Android 上的使用（五）
  9. Dagger 2 在 Android 上的使用（四）
  10. [应用代码] android源码之多线程断点续传