HTML基础详讲
HTML（超文本标记语言）是构成网页的基本语言。无论是静态网页还是动态网页，HTML都是其核心部分。它用于描述网页的结构和内容，定义了文本、图像、链接、表单等元素的表现方式。在本篇文章中，我们将详细介绍HTML的基础知识。
HTML的基本结构
每个HTML文档都以特定的结构开始并结束。最基本的HTML文档结构如下：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是我的第一个用HTML编写的网页。</p>
</body>
</html>
<!DOCTYPE html>：声明文档类型为HTML5。<html>：HTML文档的根元素。<head>：包含网页的元数据，如字符集、标题及样式表等。<body>：网页的主体，包含所有可见内容，如文本、图像、表格等。
常用的HTML标签
标题标签
在HTML中，标题标签定义了不同层级的标题，共有六种，从<h1>到<h6>，表示从最重要到最不重要的标题。
<h1>主标题</h1>
<h2>副标题</h2>
<h3>小标题</h3>
段落标签
段落标签<p>用于定义文本段落。
<p>这是一个段落。段落用于组织文本。</p>
链接标签
链接标签<a>用于创建超链接，可以链接到其他网页或下载文件。
<a href="https://www.example.com">访问示例网站</a>
图像标签
图像标签<img>用于在网页中插入图像。它需要src属性来指定图像的路径。
<img src="image.jpg" alt="示例图像" width="300" height="200">
列表
HTML支持有序列表（<ol>）和无序列表（<ul>）。列表项用<li>来定义。
<h2>我的兴趣爱好</h2>
<ul>
<li>编程</li>
<li>阅读</li>
<li>旅行</li>
</ul>
<h2>我计划的任务</h2>
<ol>
<li>学习HTML</li>
<li>学习CSS</li>
<li>学习JavaScript</li>
</ol>
表格
使用<table>标签可以创建表格，表格用<tr>定义行，<td>定义单元格，<th>定义表头单元格。
<table border="1">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>城市</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
<td>北京</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>上海</td>
</tr>
</table>
表单
HTML表单用于收集用户输入数据，使用<form>标签定义表单，常见的输入类型包括文本框、单选按钮、复选框等。
<form action="/submit" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="age">年龄:</label>
<input type="number" id="age" name="age"><br><br>
<input type="submit" value="提交">
</form>
小结
以上是HTML的基础知识，涵盖了基本结构、常用标签和表单的使用。掌握这些基本概念后，您将能够创建出基本的网页。随着学习的深入，您可以逐步了解CSS和JavaScript，使网页变得更加美观和交互。希望这篇文章能为您的Web开发之旅打下坚实的基础！
