HTML,全称为HyperText Markup Language(超文本标记语言),是一种用于创建网页和网页应用的标准标记语言。HTML通过一系列标签(tags)和属性(attributes)定义网页的结构和内容,使得浏览器能够正确地渲染和显示网页。
### HTML的基本组成:
1. **文档类型声明(DOCTYPE)**:告诉浏览器文档使用的是HTML5标准。
<!DOCTYPE html>
2. **HTML标签**:`<html>` 是根元素,包含所有其他HTML元素。
<html> ... </html>
3. **头部(Head)**:`<head>` 元素包含了文档的元数据,如标题(`<title>`)、样式表(CSS)、脚本(JavaScript)等。
<head> <title>页面标题</title> <!-- 其他头部信息 --> </head>
4. **主体(Body)**:`<body>` 元素包含了网页的所有内容,如文本、图片、链接等。
<body> <h1>欢迎来到我的网站</h1> <p>这是一段文本。</p> <!-- 其他内容 --> </body>
5. **元素和属性**:HTML元素由尖括号包围,可以包含属性,属性提供有关元素的额外信息。
<img src="image.jpg" alt="描述"> <a href="https://example.com">链接到example.com</a>
6. **嵌套和层次结构**:HTML元素可以相互嵌套,形成层次结构,以表示内容的结构和关系。
### HTML的用途:
- 创建网页布局和结构。
- 定义文本内容,如段落、标题、列表等。
- 嵌入图片、视频和其他媒体。
- 创建链接,连接不同的网页或网站。
- 使用表单收集用户输入。
### HTML5的新特性:
- 新的语义元素,如`<article>`、`<section>`、`<nav>`等,提供了更好的内容结构。
- 支持多媒体内容,如`<audio>`和`<video>`。
- 引入了新的表单控件,如`<input type="date">`、`<input type="email">`等。
- 提供了对图形和动画的支持,如`<canvas>`和`<svg>`。
HTML是构建网页的基础,通常与CSS(用于样式和布局)和JavaScript(用于交互性)一起使用,以创建丰富、动态的网页体验。