列表分类，表单，浮动框架

最新推荐文章于 2022-12-21 14:18:47 发布

wangzhi0918

最新推荐文章于 2022-12-21 14:18:47 发布

阅读量222

点赞数

本文链接：https://blog.csdn.net/wangzhi0918/article/details/103458704

版权

本文介绍了HTML中的列表类型，包括有序列表、无序列表和定义列表的使用方法。接着讲解了表单的重要性和组成部分，如表单元素、表单控件，以及`form`标签的`action`和`method`属性。此外，还提到了`input`组件及其常见类型。最后，讨论了浮动框架在网页设计中的应用，以及摘要与细节以及度量标签的相关概念。

摘要由CSDN通过智能技术生成

一、列表

1.作用：默认显示方式为从上到下的显示数据
2.列表的组成  列表类型和列表项
3.列表的分类：
			有序列表   无序列表   自定义列表

有序列表
语法： ol li

第一项
第二项

无序列表
语法： ul li

项目
项目

**自定义列表** 语法： dl列表的类型 dt列表的标题 dd 列表项

常山赵子龙

赵云

定义有序列表
- 定义无序列表
- 定义列表项
  定义列表自定义列表项目
  定义自定列表项的描述 ## 二、表单 *1.表单的作用：* 用于显示、收集用户信息，并将信息提交给服务器

2.表单组成
1.表单元素：负责将用户数据提交给服务器
2.表单控件：负责接收用户的数据（和用户进行交互的）

3，表单元素
form 属性
action：定义表单被提交时的动作，主要就是服务器上要处理数据的应用程序URL找谁处理（提交地址）
method：指定数据提交的方式
get传输显示提交可以显示在地址栏上的有数据大小限制的
post传输隐式传输所有提交数据时都是看不见的，相对来来说比较安全无数据大小限制
表单控件：提供多个类型的表单控件，并具有可视化的外观
input组件:
type:类型
value:值
name：控件的名称
disabled：禁用控件
text：普通的文本框
账号 :

				password：密码框
					密码: <input type="password" name="pwd">
					
				email：      邮箱框
				  邮箱框: <input type="	email" name="pwd">
				  
				submit：    提交按钮
					<input type="submit" value="Submit">
					
				radio     单选
					<input type="radio" name="sex" value="male">Male<br>
					<input type="radio" name="sex" value="female">Female
					
				checkbox  多选
						<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
						<input type="checkbox" name="vehicle" value="Car">I have a car 
						
				image     图片提交
						<input type="image     " name="vehicle" value="Car"  src=“”>I have a car 
						
				select控件（下拉列表）
							<form action="">
							<select name="cars">
							<option value="volvo">Volvo</option>
							<option value="saab">Saab</option>
							<option value="fiat">Fiat</option>
							<option value="audi">Audi</option>
							</select>
							</form>
				size： 显示数量  如果不为1的话 则变成滚动列表而不是下拉列表
				option  : selected:

		文本域
				textarea  cols  指定文本的列数 （宽度）
				rows  指定文本的行数 （高度）
		关联文本于控件
				label  
						1.首先在要关联的input控件上加上一个id
						2.用label标签包含住文本并且加上 for属性

三、浮动框架

作用：可以在一个浏览器窗口中同时显示多个页面文档
第一种用法

*第二种用法*
		 和超链接的结合使用
		1.创建超链接标签 
		2.创建iframe标签
		3.在iframe加上一个name属性
		4.改变超链接的target属性 改变为name的值

四、摘要与细节

作用：允许将页面某部分内容进行展开或收缩
语法：第一步写上  摘要标签  details
	  第二步 写上标题   summary
	  第三步 写内容
	  <details>
		<summary>1111</summary>
		hahhah
	</details>

五、度量标签

	度量标签
		min：最小值
		max：最大值
		value：当前显示的度量值0
		
	
	<meter min="0" max="50" value="50"></meter>
	
	<!--高亮标签-->
	<mark>哈哈哈</mark>