<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<meta charset="UTF-8">
:定义字符集为UTF-8,确保文档能正确显示Unicode字符。<meta name="viewport" content="width=device-width, initial-scale=1.0">
:为响应式设计提供视口设置,确保页面在不同设备上的适配。
-
列表
- 无序列表 (
<ul>
):项目无特定顺序。 - 有序列表 (
<ol>
):项目有序排列,自动编号。 - 自定义列表 (
<dl>
):用于显示术语及其定义。
<ul>
<li>项目 1</li>
<li>项目 2</li>
<li>项目 3</li>
</ul>
<ol>
<li>项目 1</li>
<li>项目 2</li>
<li>项目 3</li>
</ol>
<dl>
<dt>选购指南</dt>
<dd>路由指南</dd>
<dd>音响</dd>
</dl>
表单 (<form>
)
表单用于收集用户输入,支持GET和POST提交方法。包含多种输入元素:
- 文本输入 (
<input type="text">
):用于收集用户输入的单行文本。 - 密码输入 (
<input type="password">
):用于收集密码,输入内容以星号或圆点显示。 - 单选按钮 (
<input type="radio">
):从一组选项中选择一个。 - 复选框 (
<input type="checkbox">
):从一组选项中选择多个。 - 普通按钮 (
<input type="button">
):不提交表单,通常用于触发JavaScript事件。 - 提交按钮 (
<input type="submit">
):用于提交表单到服务器。
<form method="get">
<div>
<label for="text">账号:</label>
<input type="text" id="text" name="text">
</div>
<div>
<label for="password">密码:</label>
<input type="password" id="password" name="password">
</div>
...
</form>