8_复习.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <!-- 基础标签 -->
  11. <h1>111</h1>
  12. <p>2222</p>
  13. <!-- src=""地址 alt图片加载不出来 显示alt中的内容
  14. 绝对地址 固定不变
  15. 相对地址 上一层目录 ../
  16. 下一级目录 /
  17. -->
  18. <img src="images/img01.jpeg" alt="xx">
  19. <a href="http://www.baidu.com" target="_blank">百度</a>
  20. <ul>
  21. <li>111</li>
  22. <li>222</li>
  23. <li>333</li>
  24. </ul>
  25. <!-- 布局 区块 -->
  26. <!-- span 选中文本 -->
  27. <div>
  28. hahahahjdf<span style="color:red">收据</span>发给技术的<i>回访</i>跟进<strong>都会</strong>发 hahahahhaha
  29. </div>
  30. <!-- 表格 -->
  31. <table border="1">
  32. <tr>
  33. <td>111</td>
  34. <td>222</td>
  35. </tr>
  36. <tr>
  37. <td>111</td>
  38. <td>222</td>
  39. </tr>
  40. </table>
  41. <!-- 表单元素 -->
  42. <form>
  43. <!-- 文本框 -->
  44. <input type="text">
  45. <!-- 密码框 -->
  46. <input type="password">
  47. <!-- 单选框 -->
  48. <input type="radio" name="sex">男
  49. <input type="radio" name="sex">女
  50. <!-- 复选框 -->
  51. <input type="checkbox" name="hobby">吃饭
  52. <input type="checkbox" name="hobby">睡觉
  53. <input type="checkbox" name="hobby">敲代码
  54. <!-- 下拉框 -->
  55. <select>
  56. <option value="">黑大</option>
  57. <option value="">理工</option>
  58. <option value="">黑工程</option>
  59. </select>
  60. <!-- 文本域 -->
  61. <textarea ></textarea>
  62. <button>click</button>
  63. <input type="submit">
  64. </form>
  65. </body>
  66. </html>