📅 最后修改于: 2023-12-03 15:11:17.954000 🧑 作者: Mango
HTML（Hypertext Markup Language）是用于创建 Web 页面的标语言。它被称为“超文本”，是因为它可以使用超链接将一个页面链接到另一个页面或资源。 HTML 是构建互联网的基础，因此我们建议每个程序员都应该学习 HTML。
以下是一些常用的 HTML 代码片段，可以用于网站设计。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网站标题</title>
</head>
<body>
<header>
<!-- 网站头部 -->
</header>
<main>
<!-- 网站主体 -->
</main>
<footer>
<!-- 网站底部 -->
</footer>
</body>
</html>
以上是一个基本的 HTML 模板，它包含了 <head> 和 <body> 标签，其中 <head> 标签中定义了文档的元数据，如字符编码、视窗大小等。
<img src="路径/文件名.jpg" alt="图像描述">
以上是一个基本的图片标签，其中 src 属性用于指定图片的路径和文件名，alt 属性用于指定图像的描述文字，用于在图片无法显示时作为替代文字。
<a href="URL">链接文字</a>
以上是一个基本的超链接标签，其中 href 属性用于指定链接的目标 URL，链接文字则是用户可以点击的显示文本。
有序列表：
<ol>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ol>
无序列表：
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ul>
以上是两种基本的列表标签，其中 <ol> 表示有序列表， <ul> 表示无序列表， <li> 则表示列表中的一个项。
<table>
<thead>
<tr>
<th>表头 1</th>
<th>表头 2</th>
<th>表头 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>数据 1</td>
<td>数据 2</td>
<td>数据 3</td>
</tr>
<tr>
<td>数据 4</td>
<td>数据 5</td>
<td>数据 6</td>
</tr>
</tbody>
</table>
以上是一个基本的表格标签，其中 <thead> 表示表格的表头， <tr> 表示表格的行， <th> 表示表格的表头单元格， <tbody> 则表示表格的主体部分， <td> 表示表格的数据单元格。
<form action="URL" method="POST">
<label for="username">用户名：</label>
<input type="text" id="username" name="username" value="">
<label for="password">密码：</label>
<input type="password" id="password" name="password" value="">
<input type="submit" value="提交">
</form>
以上是一个基本的表单标签，其中 action 属性用于指定表单提交的目标 URL， method 属性用于指定提交方式，常用的有 GET 和 POST。表单中包含了用户名和密码两个输入框，以及一个提交按钮。其中， for 属性和 id 属性用于关联标签和表单元素。
以上是用于网站设计的 HTML 代码。拥有这些基本知识，你可以自由地开始创建和设计网站。