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