初学者必知的 57 个 HTML 标签

2025-06-08

初学者必知的 57 个 HTML 标签

大家好,我是Aya Bouchiha,在创建了两篇关于 10 个重要 HTML 标签的帖子后,我决定谈谈初学者需要了解的 57 个基本 HTML 标签。

但如果您不熟悉“HTML 标签”,我强烈建议您查看本文中给出的至少一个资源。

初学者需要了解的 57 个基本 HTML 标签。

  • <div>:用于定义分区。
  • <header>:用于创建标题。
  • <section>:用于定义一个部分。
  • <address>:是显示文档或文章作者的联系信息(如电子邮件和电话号码)的标签
  • <nav>:用于创建导航。
  • <main>:用于分配主要内容。
  • <footer>:用于创建页脚。
  • <form>:用于定义表单,该表单是几乎包含一些输入字段的部分,用户应输入这些输入字段以共享其信息,例如登录和注册表单。
  • <time>:用于表示特定的时间段。
  • <label>:用于指定输入字段的标签,如名称、电子邮件、密码。
  • <input>:用于创建输入字段。
  • <textarea />:用于创建多行输入,以便用户可以编写文本,例如描述或简历。
  • <select>:用于创建下拉菜单。
  • <option>:用于创建下拉菜单的选项
  • <datalist>:用于创建预先建立的选项列表。
  • <fieldset>:用于对表单元素中讨论同一想法的一组元素进行分组。
  • <legend>:用于定义 fieldset 元素的标题
  • <wbr>:用于定义单词断开机会。
  • <br/>:用于换行
  • <button>:用于创建可点击元素,如文本、图像、视频
  • <code>:用于将文本定义为代码。
  • <kbd>:用于定义键盘输入,以等宽字体显示
  • <var>:用于指示数学变量,如 x、y 和 z。
  • <samp>:用于定义程序的示例输出。
  • <pre>:用于格式化特定文本。
  • <dl> :与<dt><dd>一起使用来定义描述列表。
  • <dt>定义描述列表中的术语。
  • <dd>描述描述列表中的术语。
  • <del>:定义删除的文本。
  • <ins>:用于定义插入的文本。
  • <em>:创建强调(重要)的文本。
  • <i>:创建具有斜体样式的文本。
  • <u>:定义带下划线的文本,(不建议使用)
  • <b>:用于创建粗体文本。
  • <strong>:用于以粗体样式指定重要文本。
  • <small>:用于创建小尺寸的文本
  • <dfn>:用于指定将要定义的术语,大多数浏览器以斜体字体样式显示此元素。
  • <abbr>:定义缩写,如 HTML。
  • <h1>:(h1,h2,h3,...,h6)用于指定特定内容的标题。
  • <a>:(锚标签)用于创建链接(超链接)。
  • <mark>:用于突出显示文本。
  • <进度>
  • <meter>:用于表示已知范围内的标量值或分数值。
  • <noscript>:如果浏览器不支持脚本,则显示替代 HTML 内容。
  • <q>:用于定义“引用”。
  • <bloquote>:用于指定文本取自其他地方。
  • <table>:用于定义文档中的表格。
  • <thead>:(表头)
  • <tbody>:(表格主体)
  • <th>:用于创建表格中特定单元格的标题
  • <td>:用于在表格中创建单元格
  • <tr>:(表格行)用于在表格中创建一行
  • <video>:用于在文档中显示视频。
  • <img />:用于在文档中显示图像。
  • <ol>:用于创建有序列表。
  • <ul>:用于创建无序列表。
  • <li>:用于创建列表项。

参考

祝你有美好的一天!

鏂囩珷鏉ユ簮锛�https://dev.to/ayabouchiha/57-essential-html-tags-to-know-as-a-beginnert-1f3f
PREV
我最喜欢的库,用于在我的 React 应用中提供 Google 的登录和注销功能
NEXT
JavaScript 中 5 个有用的数组方法