以下是一份简短的 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>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