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