4_复习.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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. <!-- 标题 -->
  12. <h1>标题</h1>
  13. <p> 我是一段文字</p>
  14. <!-- 图片 -->
  15. <img src="images/img02.jpeg" alt="我是一个图片">
  16. <!-- 超链接 -->
  17. <a href="http://www.baidu.com">百度</a>
  18. <!-- 无序列表 -->
  19. <ul>
  20. <li>1111</li>
  21. <li>2222</li>
  22. <li>333</li>
  23. </ul>
  24. <!-- div 区块 -->
  25. <div>
  26. <!-- stong 加粗 -->
  27. 我<strong>是</strong><i>div</i>
  28. </div>
  29. <span>我是span</span><br>
  30. <span>我是span</span>
  31. <hr>
  32. <!-- 加粗切重点 -->
  33. <b>加粗</b>
  34. <!-- 表格 -->
  35. <table border="1" cellspacing="0" cellpadding="10">
  36. <tr>
  37. <td>姓名</td>
  38. <td>学校</td>
  39. </tr>
  40. <tr>
  41. <td>张三</td>
  42. <td>xx</td>
  43. </tr>
  44. </table>
  45. <!-- 表单 -->
  46. <form action="xx">
  47. <!-- 文本框 -->
  48. <input type="text" >
  49. <!-- 密码框 -->
  50. <input type="password">
  51. <!-- 单选框 -->
  52. <input type="radio" name="sex">男
  53. <input type="radio" name="sex">女
  54. <!-- 复选框 -->
  55. <input type="checkbox" name="hobby">吃饭
  56. <input type="checkbox" name="hobby">睡觉
  57. <input type="checkbox" name="hobby">敲代码
  58. <!-- 下拉框 -->
  59. <select>
  60. <option value="1">理工</option>
  61. <option value="2">黑大</option>
  62. <option value="3">黑工程</option>
  63. </select>
  64. <textarea name="" id="" cols="30" rows="10"></textarea>
  65. <input type="button" value="按钮">
  66. <input type="submit">
  67. <input type="reset">
  68. </form>
  69. </body>
  70. </html>