HTML基础

列表还可以嵌套使用,比如在无序列表的列表项中再放入有序列表,呈现更复杂的层级关系。比如一个包含子菜单的导航列表:
<br>
<nav>
<br>
<ul>
<br>
<li>首页</li>
<br>
<li>课程
<br>
<ul>
<br>
<li>HTML基础</li>
<br>
<li>CSS样式</li>
<br>
<li>JavaScript交互</li>
<br>
</ul>
<br>
</li>
<br>
<li>关于我们</li>
<br>
</ul>
<br>
</nav>
<br>
<br>
嵌套列表能让内容的层级更清晰,这在构建导航菜单、多级分类等场景中非常实用。
<br>
三、HTML 表单:与用户 “交互” 的窗口
<br>
表单是网页与用户进行数据交互的核心工具 —— 无论是登录注册、信息提交,还是搜索查询,都离不开表单。HTML 的表单由<form>标签包裹,内部包含各种表单控件(如输入框、按钮、下拉菜单等),通过用户输入或选择,收集需要的数据。
<br>
(一)表单的基本结构
<br>
<form>标签的核心属性是action和method:
<br>
action:指定表单数据提交的目标地址(通常是后端处理程序的 URL),当用户提交表单时,数据会被发送到该地址。
<br>
method:指定数据的提交方式,常用的有get和post两种。get方式会将表单数据附加在 URL 后面(如http://example.com/login?username=xxx&password=xxx),适合提交少量、非敏感的数据(如搜索关键词);post方式则会将数据放在请求体中,不显示在 URL 中,更安全,适合提交敏感数据(如密码)或大量数据。
<br>
一个简单的登录表单结构如下: