HTML基本控件和元素

HTML基本控件和元素

一、文本域

语法<textarea></textarea>
	        name：控件的名字
			cols：指定文本域的列数，变相设置宽度
			rows：指定文本域的行数，变相设置高度
			readonly：只读
			placeholder：提示语句

选项框
两个部分
下拉选项框 滚动列表
语法：
创建下拉列表
创建滚动列表
属性：
select：
name：控件的名字
size：设置默认显得选项数量 如果取值大于1的话则为滚动列表
multiple：形成滚动效果 多选
option：

关联文本控件
lable元素
作用：关联文本于控件

	 用法：
			使用lable元素将我们需要关联的文字括起来
			在要关联的控件上加上一个id
			在lable元素上使用for属性值填我要关联的控件的id

button元素
语法：

注意： button 放在form表单里面那么就是个提交按钮
放在之外就是一个普通按钮
ps：button中间是可以放置图片
input控件也可以使用图片 type为image 也是提交的作用

	<button>
	<img src="img/TUPIAN.jpg" />
	</button> 

浮动框架
作用：可以在一个浏览器窗口中同时显示多个页面文档
语法：
内容
注意：必须是成对的标记
当浏览器不支持的时候 将显示标签中间的内容
属性：
src：网页url 可以自己的html页面也可以是网上的页面
width：宽度
height：高度
frameborder：浮动框架的边框

在这里插入代码片
 <iframe src="dome.html" width="500px"height="500px" frameborder=" 1"></iframe>

摘要和细节
作用：允许将页面某部分内容进行展示或者收缩
语法：
第一步：定义一个摘要

第二步：确认标题

第三步：写内容

度量元素
作用：用于显示静态比例的信息

语法：		
		<meter>文本</meter>
属性：	min：度量范围的最小值 默认为0
		   max: 度量范围的最大值 默认为0
		   value:当前显示的度量值

时间元素
作用：用于关联时间的不同表现形式
文本
属性：
datetime： 关联的日期时间，可以只关联日期，也可以只关联时间
如果同时要关联时间和日期的话用T分隔
作用：将页面中某部分文本，以特殊背景颜色显示出来
明年的情人节，我请你吃饭

效果

<mark>明年<time datetime="2020-06-10T09:00:14">毕业那天</time>我们一起去旅游吧</mark>