原生 HTML 组件指的是无需任何 JavaScript 框架或库即可直接在 HTML 中使用的元素。它们由浏览器自身提供并渲染。以下是一些常见原生 HTML 组件的例子，并根据其功能进行了大致分类：

1. 表单组件:

: 用于各种类型的输入，例如文本、密码、数字、日期、文件上传等。 例如：

: 用于多行文本输入。 例如：<textarea rows="4" cols="50">请输入内容

& : 创建下拉列表。 例如：

苹果

香蕉

橙子

: 创建可点击的按钮。 例如：提交

: 显示计算结果或脚本输出。

: 显示任务进度。

: 表示已知范围内的标量值。

2. 多媒体组件:

: 嵌入图像。 例如：

: 为

: 用于通过 JavaScript 绘制图形。 (虽然需要 JavaScript 绘制，但 本身是原生 HTML 元素)

3. 文本语义组件:

-

: 定义不同级别的标题。

: 定义段落。

: 定义内联容器，通常用于对一小段文本进行样式化或操作。

: 插入换行符。

---

: 创建水平线。

: 预格式化文本，保留空格和换行。

: 表示代码片段。

: 创建超链接。 例如：示例链接
, 
, 
: 创建无序列表、有序列表和列表项。

, 
, 
: 创建描述列表、列表标题和列表描述。

: 定义长引用。

: 定义短引用。
4. 分组和布局组件:
: 通用的块级容器，用于分组和布局。

: 定义文档的页眉。