9整理与复习.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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. <!-- 标题h1-h6 -->
  11. <h1>111</h1>
  12. <!-- 段落 -->
  13. <p>我是一段文字</p>
  14. <!-- 图片 src图片地址 alt当图片访问失败 会显示alt中的内容-->
  15. <!-- src路径
  16. 绝对路径 固定不变
  17. 相对路径 下一级目录 / 上一级目录../
  18. -->
  19. <img src="images/img01.jpeg" alt="">
  20. <!-- 超链接 页面跳转 target="_blank" 打开新窗口-->
  21. <a href="http://www.baidu.com">百度</a>
  22. <!-- 线 -->
  23. <hr>
  24. <!-- 居中 -->
  25. <center></center>
  26. <!-- 换行 -->
  27. <br>
  28. <!-- 无序列表 常用 -->
  29. <ul>
  30. <li>aaa</li>
  31. <li>bbb</li>
  32. <li>ccc</li>
  33. </ul>
  34. <ol>
  35. <li>aaa</li>
  36. <li>bbb</li>
  37. <li>ccc</li>
  38. </ol>
  39. <!-- 区块 主要用来划分布局 -->
  40. <div>ghaghaghaf</div>
  41. <div>ghaghaghaf</div>
  42. <span>aaa</span><span>aaa</span>
  43. <i>ghgfgs</i>
  44. <b>hfdggjfg</b>
  45. <table>
  46. <tr>
  47. <td>111</td>
  48. <td>222</td>
  49. </tr>
  50. </table>
  51. <form action="">
  52. <!-- 文本框 -->
  53. <input type="text">
  54. <!-- 密码 -->
  55. <input type="password">
  56. <!-- 单选框 -->
  57. <input type="radio" name="sex">男
  58. <input type="radio" name="sex">女
  59. <!-- 复选框 -->
  60. <input type="checkbox" name="hobby">吃饭
  61. <input type="checkbox" name="hobby">睡觉
  62. <input type="checkbox" name="hobby">敲代码
  63. <!-- 下拉框 -->
  64. <select >
  65. <option value="">黑大</option>
  66. </select>
  67. <!-- 文本域 -->
  68. <textarea cols="30" rows="10"></textarea>
  69. <input type="submit">
  70. <input type="button" value="确定">
  71. <input type="reset">
  72. </form>
  73. </body>
  74. </html>