Skip to content

基础元素

1. 文档结构元素

  • <html>:定义整个HTML文档的根元素。
  • <head>:包含文档的元数据,如<title><meta><link><script><style>
  • <body>:包含文档的可见内容。

2. 文本内容元素

  • <p>:定义一个段落。
  • <h1><h6>:定义不同级别的标题。
  • <strong>:表示文本的强烈重要性。
  • <em>:表示文本的强调。
  • <blockquote>:表示一段引用的文本。
  • <pre>:定义预格式化的文本。

3. 链接和导航元素

  • <a>:定义一个超链接,用于链接到另一个资源。
  • <nav>:定义导航链接的容器。

4. 列表元素

  • <ul>:定义一个无序列表。
  • <ol>:定义一个有序列表。
  • <li>:定义列表项。

5. 图像和多媒体元素

  • <img>:嵌入一个图像。
  • <audio>:嵌入音频内容。
  • <video>:嵌入视频内容。

6. 表格元素

  • <table>:定义一个表格。
  • <tr>:定义表格中的行。
  • <th>:定义表头单元格。
  • <td>:定义表格单元格。

7. 表单元素

  • <form>:定义一个表单,用于用户输入。
  • <input>:定义输入字段。
  • <textarea>:定义多行的文本输入控件。
  • <button>:定义一个按钮。

8. 语义化元素

  • <header>:定义文档或部分的页眉。
  • <footer>:定义文档或部分的页脚。
  • <section>:定义文档中的一个区段。
  • <article>:定义独立的自包含内容。
  • <aside>:定义与页面内容略微相关的侧边栏内容。
  • <nav>:定义导航链接的容器。

9. 分组元素

  • <div>:用于对文档中的块级内容进行分组。
  • <span>:用于对文档中的内联内容进行分组。

10. 脚本和样式

  • <script>:定义客户端的脚本。
  • <style>:定义文档的内部样式。

11. 交互元素

  • <details><summary>:定义一个可折叠的详情区域。

12. <canvas>

  • 用于图形绘制。