博客列表 >链接元素、列表元素、表格元素、部分表单元素作业

链接元素、列表元素、表格元素、部分表单元素作业

鹏建
鹏建原创
2020年04月04日 18:47:08701浏览
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. </head>
  7. <body >
  8. <div>
  9. <a href="http://www.baidu.com">百度</a>
  10. <a href="2.html" download="html练习.html.zip" target="blank">作业</a>
  11. <a href="tel:18224567888">咨询热线</a>
  12. <a href="mailto:466322934@qq.com">与我联系</a>
  13. </div>
  14. <div>
  15. <ul>
  16. <font size="5" color="lightseagreen">常见的水果</font>
  17. <li>西瓜</li>
  18. <li>苹果</li>
  19. <li>菠萝</li>
  20. <li>芒果</li>
  21. <li>香蕉</li>
  22. </ul>
  23. <ol start="3">
  24. <li>大学一年级</li>
  25. <li>大学二年级</li>
  26. <li>大学三年级</li>
  27. <li>大学四年级</li>
  28. </ol>
  29. <dl>
  30. <dt>小说</dt>
  31. <dd>惊悚</dd>
  32. <dd>言情</dd>
  33. <dd>奇幻</dd>
  34. <dd>科技</dd>
  35. <dt>教科书</dt>
  36. <dd>初二语文</dd>
  37. <dd>初一数学</dd>
  38. <dd>初三英语</dd>
  39. <dd>中考冲刺</dd>
  40. </dl>
  41. </div>
  42. <table border="1" cellspacing="0" cellpadding="10" align="center">
  43. <caption style="color:red;font-size:25px;">家庭成员信息表</caption>
  44. <colgroup bgcolor="pink">
  45. <col bgcolor="red">
  46. <col bgcolor="yellow" span="2">
  47. <col>
  48. <col>
  49. </colgroup>
  50. <thead style="background-color:royalblue;font-size:20px" >
  51. <th>姓名</th>
  52. <th>性别</th>
  53. <th>年龄</th>
  54. <th>工作</th>
  55. <th>祖籍</th>
  56. </thead>
  57. <tbody align="center" font-family="arial narrow">
  58. <tr>
  59. <td>曹凤营</td>
  60. <td></td>
  61. <td>56</td>
  62. <td>外地</td>
  63. <td rowspan="5">河南省获嘉县</td>
  64. </tr>
  65. <tr>
  66. <td>王素霞</td>
  67. <td></td>
  68. <td>58</td>
  69. <td rowspan="2">县中医院</td>
  70. </tr>
  71. <tr>
  72. <td>曹鹏建</td>
  73. <td></td>
  74. <td>28</td>
  75. </tr>
  76. <tr>
  77. <td>王丹</td>
  78. <td></td>
  79. <td>31</td>
  80. <td>县政府</td>
  81. </tr>
  82. <tr>
  83. <td>曹思远</td>
  84. <td></td>
  85. <td>1</td>
  86. <td></td>
  87. </tr>
  88. </tbody>
  89. <tfoot align="center" bgcolor="lightblue">
  90. <tr>
  91. <td>备注</td>
  92. <td colspan="4">没有工作请填“无”</td>
  93. </tr>
  94. </tfoot>
  95. </table>
  96. <hr>
  97. <form action="" method="get">
  98. <h2 align="center">用户注册</h2>
  99. <section>
  100. <label for="username" >用户名:</label>
  101. <input type="text" name="username" id="username" placeholder="手机/邮箱/账号" maxlength="18" size="20" autofocus/>
  102. </section>
  103. <section></section>
  104. <label for="password">密码:</label>
  105. <input type="password" id="password" name="password" placeholder="由字母、数字和下划线组成" maxlength="16" size="20"/ required>
  106. </section>
  107. <section>
  108. <label >性别</label>
  109. <input type="radio" name="sex" id="male" value="男"/><label for="male" ></label>
  110. <input type="radio" name="sex" id="female" value="女"/><label for="female" ></label>
  111. </section>
  112. <section>
  113. <label for="">爱好:</label>
  114. <input type="checkbox" name="hobby[]" value="read" checked/>阅读
  115. <input type="checkbox" name="hobby[]" value="sport" checked/>运动
  116. <input type="checkbox" name="hobby[]" id="travle" value="travle"/><label for="travle">旅游</label>
  117. <input type="checkbox" name="hobby[]" id="photograph" value="photograph"/><label for="photograph">摄影</label>
  118. <input type="checkbox" name="hobby[]" id="stamp collecting" value="stamp collecting"/><label for="stamp collecting">集邮</label>
  119. </section>
  120. <input type="submit" value="提交" />
  121. </form>
  122. </body>
  123. </html>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议