HTML（超文本标记语言）是构建网页的基础语言。通过一系列标签，HTML定义了网页的结构和内容。本文将为您介绍HTML网页制作中常用的代码，帮助您快速上手并创建自己的网页。
一、HTML文档的基本结构
每个HTML文档都包含以下几个基本部分：
html
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>网页标题</title>
</head>
<body>
<!– 网页内容将放在这里 –>
</body>
</html>
<!DOCTYPE html>：声明文档类型，告诉浏览器这是一个HTML5文档。
<html>：HTML文档的根元素。
<head>：包含文档的元数据（如标题、字符集、样式表链接等）。
<meta>：定义文档的元数据。
<title>：设置网页的标题，将显示在浏览器的标签栏上。
<body>：包含网页的可视内容。
二、文本格式化
HTML提供了多种标签来格式化文本，如标题、段落、换行等：
html
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<!– 以此类推，直到 <h6> 六级标题 –>
<p>这是一个段落。</p>
<br> <!– 换行 –>
<hr> <!– 水平分割线 –>
<h1>到<h6>：表示不同级别的标题。
<p>：定义段落。
<br>：插入换行。
<hr>：插入水平分割线。
三、文本样式
通过HTML标签，您可以改变文本的样式，如加粗、斜体、下划线等：
html
<b>加粗文本</b>
<i>斜体文本</i>
<u>下划线文本</u>
<s>删除线文本</s>
<b>：加粗文本。
<i>：斜体文本。
<u>：下划线文本。
<s>：删除线文本。
四、列表
HTML支持有序列表和无序列表：
html
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
<ol>
<li>有序列表项1</li>
<li>有序列表项2</li>
</ol>
<ul>：无序列表。
<ol>：有序列表。
<li>：列表项。
五、链接和图像
链接和图像是网页中不可或缺的元素：
html
<a href=”https://www.example.com”>访问示例网站</a>
<img src=”image.jpg” alt=”描述图像的文本” width=”300″ height=”200″>
<a>：创建链接。href属性指定链接的目标地址。
<img>：插入图像。src属性指定图像的文件路径，alt属性提供图像的替代文本（用于屏幕阅读器和图像无法加载时）。
六、表格
HTML表格用于展示结构化数据：
html
<table>
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
</thead>
<tbody>
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>页脚1</td>
<td>页脚2</td>
</tr>
</tfoot>
</table>
<table>：定义表格。
<thead>：表格头部。
<tbody>：表格主体。
<tfoot>：表格页脚。
<tr>：表格行。
<th>：表头单元格。
<td>：表格数据单元格。
七、表单
表单用于收集用户输入的数据：
html
<form action=”/submit” method=”post”>
<label for=”name”>姓名：</label>
<input type=”text” id=”name” name=”name”>
<label for=”email”>电子邮件：</label>
<input type=”email” id=”email” name=”email”>
<input type=”submit” value=”提交”>
</form>
<form>：定义表单。action属性指定表单提交的目标地址，method属性指定提交方式（GET或POST）。
<label>：为表单元素定义标签。
<input>：输入字段。type属性指定输入类型（如文本、电子邮件等）。
<submit>：提交按钮。
八、多媒体
HTML支持嵌入音频、视频和多媒体内容：
html
<audio controls>
<source src=”audio.mp3″ type=”audio/mpeg”>
您的浏览器不支持音频元素。
</audio>
<video width=”320″ height=”240″ controls>
<source src=”movie.mp4″ type=”video/mp4″>
您的浏览器不支持视频标签。
</video>
<audio>：嵌入音频内容。
<video>：嵌入视频内容。
<source>：指定媒体文件的路径和类型。
结语
HTML是构建网页的基础，掌握其常用标签和属性是成为一名优秀网页设计师的前提。本文介绍了HTML网页制作中常用的代码和标签，希望能够帮助您快速上手并创建出美观、功能丰富的网页。随着技术的不断发展，HTML也在不断演进，关注最新的HTML标准和最佳实践，将让您在网页设计的道路上走得更远。
