练习8.html 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  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>Document</title>
  7. <STyle>
  8. td img {
  9. width: 34px;
  10. }
  11. td a {
  12. text-decoration: none;
  13. }
  14. div > video {
  15. width: 500px;
  16. height: 300px;
  17. }
  18. </STyle>
  19. </head>
  20. <body>
  21. <table>
  22. <h2>青春不常在,抓紧谈恋爱</h2>
  23. <tr>
  24. <td>性别:</td>
  25. <td>
  26. <input type="radio" id="nan" name="sexs" checked><label for="nan"><img src="./图片/头像 男孩.png" alt="">男</label>
  27. <input type="radio" id="nv" name="sexs"><label for="nv"><img src="./图片/头像 女孩.png" alt="">女</label>
  28. </td>
  29. </tr>
  30. <tr>
  31. <td>生日:</td>
  32. <td>
  33. <select name="" id="">
  34. <option value="">--请选择月--</option>
  35. </select>
  36. <select name="" id="">
  37. <option value="">--请选择月--</option>
  38. </select>
  39. <select name="" id="">
  40. <option value="">--请选择月--</option>
  41. </select>
  42. </td>
  43. </tr>
  44. <tr>
  45. <td>所在地区:</td>
  46. <td>
  47. <input type="text" placeholder="北京">
  48. </td>
  49. </tr>
  50. <tr>
  51. <td>个人介绍:</td>
  52. <td>
  53. <textarea name="" id="" placeholder="个人简介"></textarea>
  54. </td>
  55. </tr>
  56. <tr>
  57. <td></td>
  58. <td>
  59. <input type="submit" value="提交">
  60. <input type="reset" value="重置">
  61. </td>
  62. </tr>
  63. <tr>
  64. <td></td>
  65. <td>
  66. <input type="checkbox" id="agree" name="agree" checked>
  67. <label for="agree"><a href="#">我已阅读并同意《用户协议》</a></label>
  68. </td>
  69. </tr>
  70. <tr>
  71. <td></td>
  72. <td>
  73. <h4>我承诺</h4>
  74. <ul>
  75. <li>年满18岁、单身</li>
  76. <li>抱着严肃的态度</li>
  77. <li>真诚寻找另一半</li>
  78. </ul>
  79. </td>
  80. </tr>
  81. </table>
  82. <div>
  83. <form action="" method="">
  84. <h2>登录管理</h2>
  85. <label for="username">用户名</label>
  86. <input type="text" placeholder="请输入用户名" name="username" id="username"><br>
  87. <label for="password">密码:</label>
  88. <input type="password" placeholder="请输入密码" name="password" id="password"><br>
  89. <input type="submit" value="登录">
  90. </form>
  91. <audio src="./图片/【呦猫UNEKO】梦回还【狐妖小红娘王权富贵篇】_音频.mp4" controls></audio><br>
  92. <video src="./图片/仓鼠_PSP里现充太多了!每天都和妹妹们一起玩!.29814885822.mp4"controls></video>
  93. </div>
  94. </body>
  95. </html>