探索HTML的基石:列表标签和表单构建
HTML的世界充满了灵活的结构,其中列表元素扮演着重要角色。让我们从基础开始,了解无序列表
(由无序<li>元素组成,内容自定义)和有序列表(有序<li>元素,自带编号顺序):
无序列表示例:<ul>...<li>苹果</li>...<li>香蕉</li>...</ul>
有序列表示例:<ol>...<li>苹果</li>...<li>香蕉</li>...</ol>
而自定义列表(定义项<dt>和<dd>内容)则用于更详细的解释:
水果种类
苹果
表单设计是数据收集的关键,由<form>标签引导,配合表单域<form action="url" method="get/post">和各种控件,如文本输入和密码输入:
表单控件如单选框(radio)和复选框(checkbox)提供选择功能:
性别选择:男
女
爱好复选:游泳
重置 (reset): 清空数据
通过标签,轻松关联表单控件,如这样:
留言/介绍/评论:
文本内容
表单元素还包括下拉选择,如地址选择:
河北
上海
广州
深圳
文本域与表单细节
今日反馈:
今日反馈
明天我们将深入学习,结合黑马前端pink老师视频中的实际案例,进一步掌握HTML列表与表单的综合运用。