进入HTML（2）

进入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>