HTML学习日记(二)标签

html标签

br:换行标签
hr:水平线
	私有属性:size:设置水平线的高度	
	width:水平线的宽度
	align:水平线的位置;可以设置 left ; center ; right;
sub:下标标签
sup:上标标签
h1-h6:标题标签;从h1-h6 字体大小依次递减  (它是块级元素)
a:超链接标签 (行内元素) 
		私有属性:herf:设置连接地址:
					1.标准url路径;
					2.锚点(一般通过id属性设置锚点位置 : #id属性值) 
					3.邮箱地址(前缀mailto:邮箱地址)
		target:设置页面的打开方式;
		1._blank:打开新页面;2. _self:在当前页面打开; 
		3. _top:在顶级框架打开; 4. _parent:在父框架打开;
table:                             //第一层               table 的私有属性:
		表格table子标签:									align表格位置;border;cellpadding;
		caption:设置表格标题									cellspacing;width;bgcolor背景颜色
		thead:设置表格头部								  td/th 的私有属性
		tbody:设置表格体部									rowspan:跨行合并	
		tfoot:设置表格脚部         //第二层					colspan:跨列合并
			tr:一行               //第三层
				td/th:一个单元格  //第四层;不同的是<th>在单元格中加粗显示
	如果省略thead;tbody;tfoot;  默认tr ; td; th; 都默认是tbody的孩子
	colgroup: 写在所有tr之上;在其里面可以用col标签标识列  
		col:标识列
			span:number
列表标签:
	ul:无序列表
		li:子标签
	ol:有序列表 默认序号从1开始     ol私有属性:start: numbe序号从。。开始
		li:子标签  							 reversed:布尔属性 倒序
	dl:标题列表
		dt:标题标签
		dd:列表项

表单:::: H4

form表单:当客户端与服务器端发生数据交互时使用
私有属性:action:设置表单提交地址
		 target:
				_self:本页面打开
				_blank:	新页面打开
			method:设置表单提交方式	
				默认get:1.将数据拼接到浏览器地址栏上
						2.安全度较低
						3.只能提交轻量级数据
				post:1.将数据封装到请求体中
					 2.安全性较高
					 3.可以提交重量级数据
表单默认使用get请求方式
			enctype:设置表单提交的数据类型(格式编码)			
子组件:
	input:传入组件
		私有属性:
			*type:*
				text:单行文本框    			只在text password用:size :设置文本框的宽度 默认20;
				password:密码框				           maxlength:文本框最大输入字符长
				submit:提交按钮                         readonly:只读
				reset:重置按钮					          disabled:布尔属性,禁用组件
				image:图片按钮
				radio:单选框;; name属性值必须一致 ,才能实现单选
				checkbox:多选框;;name属性值建议一致  checked:布尔值  默认选中只针对单选框和多选框
				button:普通按钮
				hidden:隐藏域
				file:文件上传按钮
			value:
				1.写在什么上,改变什么名称
					写在按钮上,改变按钮名称
					写在输入框上,改变输入框的默认值
					写在单选框或多选框时,代表交互数据的value
			name:
				设置前后台交互数据的key值	
					src:只有当type=image时才可用 除此之外还有alt;width;height、
	label:关联文字和组件
			2种用法<label>文字+组件代码  </label>        <label for=" id唯一标识">  文字</label>  组件代码另写
	fieldset:形成一个区域,框起来
		legend :设置区域标题
	button:按钮组件
		属性type:
			 属性值submit
				   reset
			       button;如果button写在form标签内;默认type为submit ;写在form标签外;默认为button
	select:下拉框组件
		私有属性:
			size:设置每次展示的项数;会改变样式
			multiple:布尔属性,是否可以多选
			disabled:布尔属性,禁用组件
		子组件:
			option:选项
				disabled:禁用组件,布尔属性
				selected:默认选中项,布尔属性
		optgroup:给子组件option分组
			label:设置分组标题
	textarea:多行文本输入框	
		cols:列合并多少
		rows:行合并多少  共同控制多行文本框的大小
		warp:是否自动换行 off:不换行 hard:硬换行 soft:软换行

表单::: H5

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值