【HTML】11-html练习

 

  <table border="1" width="400" height="400">
    <!-- 表格整体的大标题 -->
    <caption><h3>优秀学生信息表格</h3></caption>
    <!-- 表格的头部 -->
    <thead>
      <tr>
        <th>年级</th>
        <th>姓名</th>
        <th>学号</th>
        <th>班级</th>
      </tr>
    </thead>
    <!-- 表格的主体 -->
    <tbody>
      <tr>
        <!-- 保留 -->
        <td rowspan="2">高三</td>
        <td>张三</td>
        <td>110</td>
        <td>三年二班</td>
      </tr>
      <tr>
        <!-- 删除 -->
        <!-- <td>高三</td> -->
        <td>赵四</td>
        <td>120</td>
        <td>三年三班</td>
      </tr>
    </tbody>
    <!-- 表格的底部 -->
    <tfoot>
      <tr>
        <td>评语</td>
        <!-- 保留 -->
        <td colspan="3">你们都很优秀</td>
        <!-- 统统删除掉 -->
        <!-- <td>你们都很优秀</td> -->
        <!-- <td>你们都很优秀</td> -->
      </tr>
    </tfoot>
  </table>

 

 <h1>青春不常在，抓紧谈恋爱</h1>
  <hr>

  <form>
    昵称：
    <input type="text" placeholder="请输入昵称">
    <br><br>

    性别：
    <label>
      <input type="radio" name="sex" checked>男
    </label>
    <label>
      <input type="radio" name="sex">女
    </label>
    <br><br>

    所在城市：
    <select>
      <option>上海</option>
      <option>北京</option>
      <option>广州</option>
      <option>深圳</option>
    </select>
    <br><br>

    婚姻状况：
    <input type="radio" name="marry" checked>未婚
    <input type="radio" name="marry">已婚
    <input type="radio" name="marry">保密
    <br><br>

    喜欢的类型：
    <input type="checkbox" checked>可爱
    <input type="checkbox" checked>性感
    <input type="checkbox">御姐
    <input type="checkbox">萝莉
    <input type="checkbox">小鲜肉
    <input type="checkbox">大叔
    <br><br>

    个人介绍：<br><br>
    <textarea name="" id="" cols="60" rows="10"></textarea>

    <h3>我承诺</h3>
    <ul>
      <li>年满18岁、单身</li>
      <li>抱着严肃的态度</li>
      <li>真诚寻找另一半</li>
    </ul>

    <input type="checkbox">我同意所有条款
    <br><br>

    <input type="submit" value="免费注册">
    <input type="reset">
  </form>