博客列表 >HTML中的链接元素,列表元素,表格元素,表单元素

HTML中的链接元素,列表元素,表格元素,表单元素

文瑜
文瑜原创
2020年04月04日 23:00:03646浏览

1、链接元素

  • 使用方法:
  1. <a href="https://www.php.cn">PHP中文网</a>

2、列表元素

  • 无序列表:
  1. <ul>
  2. <li>时间:</li>
  3. <li>地点:</li>
  4. <li>人物:</li>
  5. <li>事件:</li>
  6. </ul>
  • 有序列表:
  1. <ol>
  2. <li>时间:</li>
  3. <li>地点:</li>
  4. <li>人物:</li>
  5. <li>事件:</li>
  6. </ol>

3、表格元素

  1. <table border="1">
  2. <caption style="color:red;font-size:25px;">信息统计表</caption>
  3. <thead>
  4. <th>序号</th>
  5. <th>姓名</th>
  6. <th>性别</th>
  7. <th>年龄</th>
  8. </thead>
  9. <tbody>
  10. <tr>
  11. <td>1</td>
  12. <td>张三</td>
  13. <td></td>
  14. <td>18</td>
  15. </tr>
  16. <tr>
  17. <td>2</td>
  18. <td>李四</td>
  19. <td></td>
  20. <td>16</td>
  21. </tr>
  22. <tr>
  23. <td>2</td>
  24. <td>王五</td>
  25. <td></td>
  26. <td>18</td>
  27. </tr>
  28. </tbody>
  29. <tfoot>
  30. <tr>
  31. <td>滴滴:</td>
  32. </tr>
  33. </tfoot>
  34. </table>

4、表单元素

  1. <form action="" method="POST">
  2. <h2>用户注册</h2>
  3. <section>
  4. <label for="username" >用户名:</label>
  5. <input type="text" name="username" id="username" placeholder="手机/邮箱" minlength="6" maxlength="18" size="20" autofocus/>
  6. </section>
  7. <section></section>
  8. <label for="password">密码:</label>
  9. <input type="password" id="password" name="password" placeholder="由字母、数字组成" minlength="6" size="20" required>
  10. </section>
  11. <section>
  12. <label >性别</label>
  13. <input type="radio" name="sex" id="male" value="男"/><label for="male" ></label>
  14. <input type="radio" name="sex" id="female" value="女"/><label for="female" ></label>
  15. </section>
  16. <section>
  17. <label for="">爱好:</label>
  18. <input type="checkbox" name="hobby[]" value="read" checked/>读书
  19. <input type="checkbox" name="hobby[]" value="sport" />写字
  20. <input type="checkbox" name="hobby[]" value="travle"/>跑步
  21. </section>
  22. <input type="submit" value="提交" />
  23. </form>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议