博客列表 >0403作业

0403作业

A
A原创
2020年04月04日 17:45:01852浏览

## 0403作业

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>0403学习作业</title>
  7. </head>
  8. <body>
  9. <!---演示链接元素-->
  10. <a href="http://php.cn" target="_blank">点击跳转至php中文网</a>
  11. <a href="tel:110">遇到危险请点这里</a>
  12. <hr><!--分割线-->
  13. <img src="1.jpg" style="width: 30px; height: 50px;"><!--引入同级目录下的图片-->
  14. <hr>
  15. <!--演示列表元素-->
  16. <!--无序列表演示-->
  17. <ul>
  18. <li>无序列表演示</li>
  19. <li>无序列表演示</li>
  20. <li>无序列表演示</li>
  21. </ul>
  22. <hr>
  23. <!--有序列表演示-->
  24. <ol>
  25. <li>有序列表演示</li>
  26. <li>有序列表演示</li>
  27. <li>有序列表演示</li>
  28. </ol>
  29. <hr>
  30. <!--自定义列表-->
  31. <dl>
  32. <dt>php</dt>
  33. <dd>php是世界上最好的语言</dd>
  34. </dl>
  35. <hr>
  36. <!--表格演示-->
  37. <table border="10px" cellpadding="10px" cellspacing="0" width="400px">
  38. <colgroup bgcolor="lightblue">
  39. <col bgcolor="yellow">
  40. <col>
  41. <col>
  42. <col>
  43. </colgroup>
  44. <thead>
  45. <tr>
  46. <th>id</th>
  47. <th>名称</th>
  48. <th>属性</th>
  49. </tr>
  50. </thead>
  51. <tbody>
  52. <tr>
  53. <td>1</td>
  54. <td>phpstorm</td>
  55. <td rowspan="2">编辑器</td>
  56. </tr>
  57. <tr>
  58. <td>2</td>
  59. <td>vscode</td>
  60. </tr>
  61. <tr>
  62. <td>3</td>
  63. <td>finalshell</td>
  64. <td>远程连接工具</td>
  65. </tr>
  66. </tbody>
  67. </table>
  68. <hr>
  69. <!--表单演示-->
  70. <form action="">
  71. <section>
  72. <label for="username">用户名</label>
  73. <input type="text" id="username" placeholder="用户名" required="required" maxlength="20">
  74. </section>
  75. <section>
  76. <label for="password">密码</label>
  77. <input type="password" id="password" placeholder="密码不少于6位" required size="10">
  78. </section>
  79. <!--单选框-->
  80. <section>
  81. <label for="sex">性别</label>
  82. <div>
  83. <input type="radio" id="man" value="1" checked><label for="man"></label>
  84. <input type="radio" id="feman" value="2"><label for="feman"></label>
  85. </div>
  86. </section>
  87. <!--多选框-->
  88. <section>
  89. <label for="shuxue">必修课程</label>
  90. <div>
  91. <input type="checkbox" name="kc[]" id="shuxue" checked><label for="shuxue">数学</label>
  92. <input type="checkbox" name="kc[]" id="yuwen"><label for="yuwen">语文</label>
  93. <input type="checkbox" name="kc[]" id="yingyu"><label for="yingyu">英语</label>
  94. </div>
  95. </section>
  96. </form>
  97. </body>
  98. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议