HTML（超文本标记语言）是用于构建网页结构和内容的标记语言。它是现代网站开发的基础，为用户提供了丰富的内容和交互。本文将介绍HTML的基本概念和常用元素，以及如何使用代码片段创建简单的HTML页面。
HTML由一系列标签（或元素）组成，这些标签用于定义页面中的不同元素和其层次结构。每个HTML标签都由尖括号包围，如<tagname>。
首先，让我们看一个简单的HTML页面示例：
html
<!DOCTYPE html><html><head>
<title>我的网页</title></head><body>
<h1>欢迎来到我的网页</h1>
<p>这是一个示例段落。</p>
<img src="image.jpg" alt="图片"></body></html>
上述代码示例创建了一个基本的HTML网页。让我们逐个解释它的各个部分。
<!DOCTYPE html>：这是HTML文档的文档类型声明，指定使用HTML5标准来解析该文档。
<html>：这是HTML文档的根元素，包含整个页面的内容。
<head>：这个元素用于定义文档的头部部分。它包含了一些元数据和引用的外部资源，如标题、样式表和脚本文件等。
<title>：这个元素用于定义网页的标题，将显示在浏览器的标题栏或标签页上。
<body>：这个元素用于定义网页的主体内容，包含了用户在浏览器中看到的所有内容。
<h1>：这个元素用于定义一个一级标题，是页面中的主要标题。
<p>：这个元素用于定义一个段落，包含了文本内容。
<img>：这个元素用于插入图像到网页中。src属性指定图像的URL，alt属性定义了在无法加载图像时显示的替代文本。
除了上述示例中的元素，HTML还有许多其他常用的元素，包括链接、列表、表格、表单和多媒体元素等。
以下是一个包含链接、列表和表格的HTML代码示例： html <!DOCTYPE html><html><head> <title>我的网页</title></head><body> <h1>欢迎来到我的网页</h1> <h2>有用的链接</h2> <ul> <li><a href="https://www.example.com">示例链接1</a></li> <li><a href="https://www.example.com">示例链接2</a></li> </ul> <h2>有序列表</h2> <ol> <li>项目1</li> <li>项目2</li> <li>项目3</li> </ol> <h2>简单表格</h2> <table> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr> <td>John</td> <td>25</td> </tr> <tr> <td>Alice</td> <td>30</td> </tr> </table> </body></html>
上述代码示例演示了如何创建链接、列表和表格元素。<a>标签用于定义链接，它的href属性指定链接的URL。<ul>和<ol>表示无序和有序列表，而<li>定义了每个列表项。<table>用于创建表格，<th>定义表头单元格，<tr>表示表格行，<td>用于定义数据单元格。
通过灵活使用不同的HTML标签和属性，可以创建出丰富多样的网页内容。HTML还支持使用CSS（层叠样式表）来定义网页的样式和布局，以及使用JavaScript来添加交互性。
总结而言，HTML是构建网页的关键技术之一。它通过一系列标签定义了网页结构和内容。本文介绍了HTML的基本概念和常用元素，并提供了一些代码片段来演示其用法。掌握HTML的基础知识是进行网站开发和创建丰富网页内容的重要一步。
