以下是HTML的一些速查列表,包含了常见的HTML标签、属性和其他相关的元素:

常见HTML标签:

  •  文档结构:
  <!DOCTYPE html>
  <html>
  <head>
      <meta charset="UTF-8">
      <title>文档标题</title>
  </head>
  <body>
      <!-- 内容 -->
  </body>
  </html>

  •  标题:
  <h1>这是一级标题</h1>
  <h2>这是二级标题</h2>
  <!-- ... -->
  <h6>这是六级标题</h6>

  •  段落:
  <p>这是一个段落。</p>

  •  链接:
  <a href="https://www.example.com">访问示例网站</a>

  •  列表:
  <ul>
      <li>无序列表项 1</li>
      <li>无序列表项 2</li>
  </ul>

  <ol>
      <li>有序列表项 1</li>
      <li>有序列表项 2</li>
  </ol>

  •  图像:
  <img src="path/to/image.jpg" alt="图片描述">

  •  表格:
  <table>
      <tr>
          <th>表头1</th>
          <th>表头2</th>
      </tr>
      <tr>
          <td>行1列1</td>
          <td>行1列2</td>
      </tr>
  </table>

  •  表单:
  <form action="/submit" method="post">
      <label for="username">用户名:</label>
      <input type="text" id="username" name="username" required>
      <br>
      <input type="submit" value="提交">
  </form>

常见HTML属性:

  •  id 和 class 属性:
  <div id="unique-id" class="common-class">这是一个DIV元素</div>

  •  style 属性:
  <p style="color: red; font-size: 16px;">红色文本,16像素字体</p>

  •  src 属性(图像):
  <img src="path/to/image.jpg" alt="图片描述">

  •  href 属性(链接):
  <a href="https://www.example.com">访问示例网站</a>

  •  alt 属性(图像描述):
  <img src="path/to/image.jpg" alt="图片描述">

  •  colspan 和 rowspan 属性(表格):
  <td colspan="2">跨两列的单元格</td>
  <td rowspan="2">跨两行的单元格</td>

  •  action 和 method 属性(表单):
  <form action="/submit" method="post">
      <!-- 表单内容 -->
  </form>

  •  for 属性(标签关联):
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username" required>

这只是一个简单的HTML速查列表,涵盖了一些基本的标签和属性。在实际开发中,你可能会遇到更多的HTML标签和属性,具体使用取决于项目的需求。


转载请注明出处:http://www.zyzy.cn/article/detail/3134/HTML