HTML Elements & Attributes API Reference

`Element Reference`

10 methods

HTML 元素参考,涵盖文档结构、表单交互与元数据元素。

<div>

块级通用容器,用于分组其他元素,无语义含义。

Returns

在 DOM 中渲染为一个块级容器盒子。

Example

html

<div class="container">
  <h1>标题</h1>
  <p>段落内容</p>
</div>

<span>

行内容器,用于对文本片段应用样式或脚本,无语义含义。

Returns

在 DOM 中渲染为一个行内容器,不影响文档流。

Example

html

<p>这是一段包含 <span class="highlight">高亮文字</span> 的文本。</p>

<a>

锚元素,用于创建到其他页面或资源的超链接。

Parameters

Name	Type	Description
href	string (URL)	链接目标地址
target	string	打开方式:_blank(新标签页)、_self(当前)等

Returns

渲染为可点击的超链接,导航到 href 指定的目标。

Example

html

<a href="https://example.com" target="_blank">
  访问示例站点
</a>

<img>

图像元素,在文档中嵌入一张图片。

Parameters

Name	Type	Description
src	string (URL)	图片资源地址
alt	string	图片无法显示时的替代文本

Returns

在页面中渲染为一张图像,作为行内块级元素。

Example

html

<img
  src="/assets/logo.png"
  alt="公司 Logo"
  width="120"
/>

<form>

表单元素,用于收集用户输入并提交到服务器。

Parameters

Name	Type	Description
action	string (URL)	表单提交目标地址
method	string	HTTP 方法:GET 或 POST

Returns

渲染为可提交的表单容器,提交时向 action 发送数据。

Example

html

<form action="/login" method="POST">
  <input name="user" />
  <button type="submit">登录</button>
</form>

<input>

输入控件,创建多种类型的可交互表单字段。

Parameters

Name	Type	Description
type	string	输入类型:text、password、email、checkbox、radio 等
name	string	提交时使用的字段名
value	string	控件的初始值

Returns

渲染为对应类型的可交互输入控件。

Example

html

<input type="email" name="email" value="" placeholder="输入邮箱" />

<button>

可点击按钮元素,用于触发交互动作或提交表单。

Parameters

Name	Type	Description
type	string	按钮类型:button、submit、reset

Returns

渲染为可点击按钮,触发对应行为。

Example

html

<button type="submit">提交</button>
<button type="button" onclick="alert('hi')">点我</button>

<table>

表格元素,用于展示二维结构化数据。

Returns

渲染为由行和单元格组成的表格结构。

Example

html

<table>
  <thead>
    <tr><th>姓名</th><th>年龄</th></tr>
  </thead>
  <tbody>
    <tr><td>张三</td><td>20</td></tr>
  </tbody>
</table>

<ul>/<ol>

无序列表 / 有序列表元素,用于组织列表项。

Returns

渲染为带项目符号(ul)或编号(ol)的列表。

Example

html

<ul>
  <li>苹果</li>
  <li>香蕉</li>
</ul>

<ol>
  <li>第一步</li>
  <li>第二步</li>
</ol>

<meta>

元数据元素,提供文档级的字符集、视口、描述等元信息。

Parameters

Name	Type	Description
name	string	元数据名称,如 description、viewport
content	string	对应的元数据值

Returns

不在页面上渲染,但向浏览器/搜索引擎提供文档元信息。

Example

html

<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="示例站点" />

All references