HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。它定义了网页的结构和内容，是构建网页的基石。本文将介绍HTML的基础语法，包括HTML文档的基本结构、常用标签及其属性，以及如何通过HTML创建简单的网页。

HTML文档的基本结构

一个基本的HTML文档由以下部分组成：

  1. 文档类型声明(DOCTYPE)：位于HTML文档的最开始，用于告诉浏览器该文档使用的HTML版本。对于HTML5，声明如下：

    <!DOCTYPE html>

  2. html元素：包含所有HTML内容的根元素，包括<head>和<body>两部分。

    <html>
 <head>
   <title>页面标题</title>
 </head>
 <body>
   页面内容
 </body>
</html>

  3. head元素：包含元数据(如字符编码、页面标题等)和引用外部资源(如CSS、JavaScript文件)。

  4. body元素：包含页面的实际内容，如文本、图片、链接等。

常用HTML标签及其属性

HTML标签用于定义文档的结构，大多数标签成对出现，如<div>和</div>。以下是一些常用标签及其属性：

  1. 标题标签(h1至h6)：定义不同级别的标题。

    <h1>一级标题</h1>
<h2>二级标题</h2>

  2. 段落标签(p)：定义段落。

    <p>这是一个段落。</p>

  3. 链接标签(a)：定义超链接。

    <a href="https://www.example.com">访问示例网站</a>

  4. 图像标签(img)：定义图像。

    <img src="image.jpg" alt="图片描述">

  5. 列表标签(ul、ol、li)：定义无序列表、有序列表和列表项。

    <ul>
 <li>列表项1</li>
 <li>列表项2</li>
</ul>

  6. 表格标签(table、tr、td)：定义表格、表格行和表格单元格。

    <table>
 <tr>
   <td>单元格1</td>
   <td>单元格2</td>
 </tr>
</table>

  7. 表单标签(form、input、textarea、select、option)：定义表单、输入框、文本区域、下拉列表和选项。

    <form>
 <input type="text" placeholder="请输入文本">
 <textarea></textarea>
 <select>
   <option>选项1</option>
   <option>选项2</option>
 </select>
</form>

创建简单的网页

以下是一个简单的HTML示例，展示了如何使用上述标签创建一个包含标题、段落、图片和链接的网页：

<!DOCTYPE html>
<html>
<head>
  <title>我的第一个网页</title>
</head>
<body>
  <h1>欢迎来到我的网页</h1>
  <p>这是一个段落，介绍我的网页。</p>
  <img src="image.jpg" alt="示例图片">
  <a href="https://www.example.com">访问示例网站</a>
</body>
</html>

通过学习和掌握HTML的基础语法，你可以开始创建自己的网页了。随着学习的深入，你还可以学习更多高级标签和CSS样式，让你的网页更加美观和功能丰富。