<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML 备忘单</title>
</head>
<body>
<!-- 基本结构 -->
<div>
<h1>标题</h1>
<p>这是一个段落。</p>
<a href="#">链接</a>
</div>
<!-- 列表 -->
<ul>
<li>无序列表项 1</li>
<li>无序列表项 2</li>
</ul>
<ol>
<li>有序列表项 1</li>
<li>有序列表项 2</li>
</ol>
<!-- 表格 -->
<table>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
</table>
<!-- 表单 -->
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
<br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
<br>
<button type="submit">提交</button>
</form>
<!-- 图像 -->
<img src="image.jpg" alt="描述">
<!-- 注释 -->
<!-- 这是一个注释 -->
</body>
</html>
这份备忘单包含了 HTML 文档的基本结构、标题、段落、链接、列表、表格、表单、图像和注释等元素。每个元素都附带了简单的注释,以便更好地理解其作用。你可以根据需要扩展这份备忘单,添加更多元素和属性。
转载请注明出处:http://www.zyzy.cn/article/detail/3167/HTML