HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。HTML 可以创建静态网页或动态交互式的网页。它描述了一个网站的结构化的语义信息,使得浏览器能够正确地显示网页内容。

以下是HTML的一些关键概念和术语:

2. 属性(Attribute):属性提供了有关元素的额外信息。例如,`` 中的 `href` 是一个属性,它定义了链接的目标URL。

3. 文档类型声明(Doctype):在HTML文档的开头,有一个文档类型声明,它告诉浏览器该文档使用的是哪种HTML版本。例如,`` 表示该文档使用的是HTML5。

4. 头部(Head):`` 元素包含了文档的元数据,如标题、字符集声明、样式和脚本等。

5. 主体(Body):`` 元素包含了网页的可视内容,如文本、图片、链接等。

6. 注释(Comment):HTML注释用于在源代码中添加说明,不会被浏览器显示。注释以 `` 结束。

7. 字符编码(Character Encoding):HTML文档应该声明其使用的字符编码,以确保在不同设备上正确显示文本。通常使用 `UTF8` 编码。

8. 样式(Styles):HTML文档可以使用CSS(Cascading Style Sheets)来定义元素的样式,如字体、颜色、布局等。

9. 脚本(Scripts):HTML文档可以使用JavaScript来添加交互性,如响应用户操作、动态更新内容等。

10. 表单(Forms):HTML表单用于收集用户输入,如文本框、单选按钮、复选框等。

11. 图片(Images):HTML可以使用 `` 元素来插入图片。

12. 链接(Links):HTML可以使用 `` 元素来创建链接,指向其他网页或文档。

13. 列表(Lists):HTML支持有序列表(``)和无序列表(``),以及列表项(``)。

14. 表格(Tables):HTML可以使用 ``、``、`` 等元素来创建表格。

15. 框架(Frames):虽然现在不常用,但HTML曾经支持框架,可以使用 ``、``、`` 等元素来分割浏览器窗口。

17. 响应式设计(Responsive Design):HTML和CSS可以一起使用来实现响应式设计,使网页能够适应不同尺寸的屏幕。

18. Web组件(Web Components):HTML、CSS和JavaScript可以一起使用来创建可重用的Web组件。

19. ARIA(Accessible Rich Internet Applications):HTML可以使用ARIA属性来提高网页的可访问性,使残障人士更容易使用。

20. 多媒体(Multimedia):HTML支持嵌入音频、视频等多媒体内容,可以使用 ``、`` 等元素。

21. Web存储(Web Storage):HTML5引入了Web存储,可以使用 `localStorage` 和 `sessionStorage` 来在浏览器中存储数据。

22. Web Workers:HTML5引入了Web Workers,可以在后台线程中执行脚本,以提高页面性能。

23. Web Sockets:HTML5引入了Web Sockets,可以实现浏览器和服务器之间的实时双向通信。

24. WebAssembly:HTML5引入了WebAssembly,可以在浏览器中运行高性能的代码。

25. Web GL:HTML5引入了Web GL,可以在浏览器中渲染3D图形。

26. HTML5 APIs:HTML5引入了许多新的API,如Geolocation API、Drag and Drop API、History API等,为开发者提供了更多的功能。

28. 响应式设计(Responsive Design):HTML和CSS可以一起使用来实现响应式设计,使网页能够适应不同尺寸的屏幕。

29. Web组件(Web Components):HTML、CSS和JavaScript可以一起使用来创建可重用的Web组件。

30. ARIA(Accessible Rich Internet Applications):HTML可以使用ARIA属性来提高网页的可访问性,使残障人士更容易使用。

31. 多媒体(Multimedia):HTML支持嵌入音频、视频等多媒体内容,可以使用 ``、`` 等元素。

32. 链接(Links):HTML可以使用 `` 元素来创建链接,指向其他网页或文档。

33. 表单(Forms):HTML表单用于收集用户输入,如文本框、单选按钮、复选框等。

34. 图片(Images):HTML可以使用 `` 元素来插入图片。

35. 列表(Lists):HTML支持有序列表(``)和无序列表(``),以及列表项(``)。

36. 表格(Tables):HTML可以使用 ``、``、`` 等元素来创建表格。

37. 框架(Frames):虽然现在不常用,但HTML曾经支持框架,可以使用 ``、``、`` 等元素来分割浏览器窗口。

38. 字符编码(Character Encoding):HTML文档应该声明其使用的字符编码,以确保在不同设备上正确显示文本。通常使用 `UTF8` 编码。

39. 样式(Styles):HTML文档可以使用CSS(Cascading Style Sheets)来定义元素的样式,如字体、颜色、布局等。

40. 脚本(Scripts):HTML文档可以使用JavaScript来添加交互性,如响应用户操作、动态更新内容等。

41. 头部(Head):`` 元素包含了文档的元数据,如标题、字符集声明、样式和脚本等。

42. 主体(Body):`` 元素包含了网页的可视内容,如文本、图片、链接等。

43. 注释(Comment):HTML注释用于在源代码中添加说明,不会被浏览器显示。注释以 `` 结束。

44. 文档类型声明(Doctype):在HTML文档的开头,有一个文档类型声明,它告诉浏览器该文档使用的是哪种HTML版本。例如,`` 表示该文档使用的是HTML5。

46. 属性(Attribute):属性提供了有关元素的额外信息。例如,`` 中的 `href` 是一个属性,它定义了链接的目标URL。

47. Web存储(Web Storage):HTML5引入了Web存储,可以使用 `localStorage` 和 `sessionStorage` 来在浏览器中存储数据。

48. Web Workers:HTML5引入了Web Workers,可以在后台线程中执行脚本,以提高页面性能。

49. Web Sockets:HTML5引入了Web Sockets,可以实现浏览器和服务器之间的实时双向通信。

50. WebAssembly:HTML5引入了WebAssembly,可以在浏览器中运行高性能的代码。

51. Web GL:HTML5引入了Web GL,可以在浏览器中渲染3D图形。

52. HTML5 APIs:HTML5引入了许多新的API,如Geolocation API、Drag and Drop API、History API等,为开发者提供了更多的功能。

53. 多媒体(Multimedia):HTML支持嵌入音频、视频等多媒体内容,可以使用 ``、`` 等元素。

54. 响应式设计(Responsive Design):HTML和CSS可以一起使用来实现响应式设计,使网页能够适应不同尺寸的屏幕。

55. Web组件(Web Components):HTML、CSS和JavaScript可以一起使用来创建可重用的Web组件。

56. ARIA(Accessible Rich Internet Applications):HTML可以使用ARIA属性来提高网页的可访问性,使残障人士更容易使用。

57. 表单(Forms):HTML表单用于收集用户输入,如文本框、单选按钮、复选框等。

58. 图片(Images):HTML可以使用 `` 元素来插入图片。

59. 列表(Lists):HTML支持有序列表(``)和无序列表(``),以及列表项(``)。

60. 表格(Tables):HTML可以使用 ``、``、`` 等元素来创建表格。

61. 框架(Frames):虽然现在不常用,但HTML曾经支持框架,可以使用 ``、``、`` 等元素来分割浏览器窗口。

62. 字符编码(Character Encoding):HTML文档应该声明其使用的字符编码,以确保在不同设备上正确显示文本。通常使用 `UTF8` 编码。

63. 样式(Styles):HTML文档可以使用CSS(Cascading Style Sheets)来定义元素的样式,如字体、颜色、布局等。

64. 脚本(Scripts):HTML文档可以使用JavaScript来添加交互性,如响应用户操作、动态更新内容等。

65. 头部(Head):`` 元素包含了文档的元数据,如标题、字符集声明、样式和脚本等。

66. 主体(Body):`` 元素包含了网页的可视内容,如文本、图片、链接等。

67. 注释(Comment):HTML注释用于在源代码中添加说明,不会被浏览器显示。注释以 `` 结束。

68. 文档类型声明(Doctype):在HTML文档的开头,有一个文档类型声明,它告诉浏览器该文档使用的是哪种HTML版本。例如,`` 表示该文档使用的是HTML5。

70. 属性(Attribute):属性提供了有关元素的额外信息。例如,`` 中的 `href` 是一个属性,它定义了链接的目标URL。

71. Web存储(Web Storage):HTML5引入了Web存储,可以使用 `localStorage` 和 `sessionStorage` 来在浏览器中存储数据。

72. Web Workers:HTML5引入了Web Workers,可以在后台线程中执行脚本,以提高页面性能。

73. Web Sockets:HTML5引入了Web Sockets,可以实现浏览器和服务器之间的实时双向通信。

74. WebAssembly:HTML5引入了WebAssembly,可以在浏览器中运行高性能的代码。

75. Web GL:HTML5引入了Web GL,可以在浏览器中渲染3D图形。

76. HTML5 APIs:HTML5引入了许多新的API,如Geolocation API、Drag and Drop API、History API等,为开发者提供了更多的功能。

77. 多媒体(Multimedia):HTML支持嵌入音频、视频等多媒体内容,可以使用 ``、`` 等元素。

78. 响应式设计(Responsive Design):HTML和CSS可以一起使用来实现响应式设计,使网页能够适应不同尺寸的屏幕。

79. Web组件(Web Components):HTML、CSS和JavaScript可以一起使用来创建可重用的Web组件。

80. ARIA(Accessible Rich Internet Applications):HTML可以使用ARIA属性来提高网页的可访问性,使残障人士更容易使用。

81. 表单(Forms):HTML表单用于收集用户输入,如文本框、单选按钮、复检

HTML全程指南:从入门到精通

一、HTML简介

二、HTML基础结构

一个基本的HTML文档结构如下:

```html