进入HTML(2)
列表
1.作用:它默认显示方式是从上到下的显示数据
2.列表的组成:它是有列表类型和列表项
3.列表的分类:
①有序列表ol(li是它的一个项)
<ol><li></li></ol>
②无序列表ul(可为非成对标签)
<ul><li></li></ul>
③自定义列表
<dl>类型
<dt>标题
<dd></dd>项
</dt>
</dl>
表单
1.表单的作用:用于显示,收集用户信息,并将信息提交给服务器
2.表单组成:
①表单元素,负责将用户数据提交给服务器
②表单控件:负责接收用户的数据(和用户进行交互的)
3.form属性:
①action:定义表单被提交时的动作,主要就是服务器上要处理数据的应用程序URL找谁处理(提交地址)
②Method:指定数据处理方式
get传输:显示提交 可以显示在地址栏上的
post传输:隐式提交,所有提交数据时都是看不见的。相对于来说,比较安全,无数据大小限制
4.表单框架:提供多个类型的表单控件,并具有可视化的外观
input组件:
type:类型
value:值
name:控件的名称
disabled:禁用控件
type类型的属性:
text:普通的文本框
password:密码框
email: 邮箱框
submit: 提交按钮
radio 单选
checkbox 多选
image 图片提交
select控件(下拉列表)
size: 显示数量 如果不为1的话 则变成滚动列表而不是下拉列表
option : selected:
文本域
textarea cols 指定文本的列数 (宽度)
rows 指定文本的行数 (高度)
关联文本于控件
label
1.首先在要关联的input控件上加上一个id
2.用label标签包含住文本并且加上 for属性
浮动框架
作用:可以在一个浏览器窗口中同时显示多个页面文档
第一种用法
<iframe src="http://www.4399.com" width="500px" height="500px"></iframe>
第二种用法 和超链接的结合使用
1.创建超链接标签
2.创建iframe标签
3.在iframe加上一个name属性
4.改变超链接的target属性 改变为name的值
四、摘要与细节
作用:允许将页面某部分内容进行展开或收缩
语法:第一步写上 摘要标签 details
第二步 写上标题 summary
第三步 写内容
<details>
<summary>用户信息</summary>
</details>
度量标签
<!--度量标签
min:最小值
max:最大值
value:当前显示的度量值0
-->
<meter min="0" max="50" value="50"></meter>
<!--高亮标签-->
<mark>我们老师真帅</mark>