HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。它由一系列的元素或标签组成，这些标签告诉浏览器如何渲染页面内容。下面我们将通过实例来展示HTML基础标签的用法，以构建一个简单但完整的网页。
首先，每个HTML文档都需要一个根元素，即<html>标签。它包裹着整个网页的内容：
html复制代码
|
<!DOCTYPE html> |
|
<html> |
|
<!-- 页面内容将放在这里 --> |
|
</html> |
接下来，我们需要在<html>标签内添加<head>标签，它包含了页面的元数据，如标题、字符编码、样式表链接和脚本链接等：
html复制代码
|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<title>我的第一个网页</title> |
|
</head> |
|
<!-- 页面内容将放在这里 --> |
|
</html> |
在<head>标签中，<meta charset="UTF-8">定义了文档的字符编码为UTF-8，这确保了页面可以正确显示多种语言字符。<title>标签定义了网页的标题，这个标题会显示在浏览器的标签页上。
然后，我们添加<body>标签来包含网页的主体内容，如文本、图像、链接、列表、表格等：
html复制代码
|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<title>我的第一个网页</title> |
|
</head> |
|
<body> |
|
<h1>欢迎来到我的网页！</h1> |
|
<p>这是一个简单的HTML示例。</p> |
|
|
|
<img src="example.jpg" alt="示例图片"> |
|
|
|
<a href="https://www.example.com">点击这里访问示例网站</a> |
|
|
|
<ul> |
|
<li>列表项 1</li> |
|
<li>列表项 2</li> |
|
<li>列表项 3</li></tr> |
|
<tr> |
|
<td>张三</td> |
|
<td>25</td> |
|
</tr> |
|
<tr> |
|
<td>李四</td> |
|
<td>30</td> |
|
</tr> |
|
</table> |
|
</body> |
|
</html> |
|
|
在<body>标签中，我们使用了多种基础HTML标签来展示不同的内容：
· <h1>标签定义了最大的标题。HTML提供了<h1>到<h6>六个等级的标题。
· <p>标签用于创建段落。
· <img>标签用于插入图片，src属性指定了图片的来源，alt属性提供了图片无法加载时的替代文本。
· <a>标签用于创建超链接，href属性指定了链接的目标地址。
· <ul>和<li>标签用于创建无序列表，其中<ul>代表列表，<li>代表列表中的每一项。定义行，<th>定义表头单元格，<td>定义普通单元格。
以上就是一个简单的HTML基础标签实例，通过它我们展示了如何创建一个包含标题、段落、图片、链接和表格的完整网页。在实际开发中，HTML通常会与CSS（用于样式设计）和JavaScript（用于交互功能）结合使用，以创建功能丰富、样式美观的网页。
