HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。HTML文档是由各种HTML元素组成的，这些元素是由HTML标签来定义的。下面，我们将详细讲解一些HTML的基本标签及其用法。
1. <!DOCTYPE html>
这不是一个HTML标签，但它是HTML文档的重要组成部分。它告诉浏览器该文档使用的是HTML5标准。
html复制代码
|
<!DOCTYPE html> |
2. <html>
<html>标签定义了整个HTML文档。所有其他HTML元素都应该放在这个标签之内。
html复制代码
|
<html> |
|
<!-- 其他HTML元素 --> |
|
</html> |
3. <head>
<head>标签包含了文档的元信息，如标题、字符编码、样式表和脚本等。这些信息不会直接显示在页面上，但对于页面的正确显示和交互非常重要。
html复制代码
|
<head> |
|
<title>页面标题</title> |
|
<meta charset="UTF-8"> |
|
<link rel="stylesheet" href="styles.css"> |
|
<script src="script.js"></script> |
|
</head> |
4. <title>
<title>标签定义了文档的标题，显示在浏览器的标题栏或标签页上。
html复制代码
|
<title>这是页面标题</title> |
5. <body>
<body>标签定义了文档的主体，包含了所有可见的内容，如文本、图像、链接、表格、列表等。
html复制代码
|
<body> |
|
<h1>这是一个标题</h1> |
|
<p>这是一个段落。</p> |
|
</body> |
6. 标题标签（<h1>到<h6>）
这些标签用于定义HTML标题。<h1>定义最大的标题，<h6>定义最小的标题。
html复制代码
|
<h1>一级标题</h1> |
|
<h2>二级标题</h2> |
|
<!-- 以此类推，到h6 --> |
7. 段落标签（<p>）
<p>标签定义了一个段落。
html复制代码
|
<p>这是一个段落。</p> |
8. 链接标签（<a>）
<a>标签用于创建超链接。href属性指定了链接的目标地址。
html复制代码
|
<a href="https://www.example.com">这是一个链接</a> |
9. 图像标签（<img>）
<img>标签用于在网页中插入图像。src属性指定了图像的来源，alt属性提供了图像的替代文本。
html复制代码
|
<img src="image.jpg" alt="一个示例图像"> |
10. 列表标签（<ul>、<ol>、<li>）
·
<ul>：定义无序列表
·
·
<ol>：定义有序列表
·
·
<li>：定义列表项
·
html复制代码
|
<ul> |
|
<li>列表项1</li> |
|
<li>列表项2</li> |
|
</ul> |
|
|
|
<ol> |
|
<li>列表项1</li> |
|
<li>列表项2</li> |
|
</ol> |
1
复制代码
|
<td>单元格2</td> |
</tr> <tr> <td>单元格3</td> <td>单元格4</td> </tr> </table> ``` 以上只是一些基本的HTML标签。实际上，HTML还有更多的标签和属性，用于创建更复杂和丰富的网页内容。掌握这些基本标签的用法是学习HTML的第一步，随着学习的深入，你会逐渐掌握更多的HTML知识和技巧。
