Html02
新知识
Meta标签介绍【本次4种用法均在head标签里面】
<meta charset="utf-8">
Charset:字符集
ASCII
ANSI
Unicode
Gbk
Gb2312
Big5
utf-8:编码格式
<meta name="keywords" content="">
作用:
设置表格表头
对网站进行优化的作用 SEO<meta name="description" content="">
对网站的描述。
<meta http-equiv="refresh" content="5;url=http://www.baidu.com">
网页重定向
Link标签介绍【本次2种用法均在head标签里面】
☞<link rel="icon" href="favicon.ico">
给网页titile中放置小图标
☞<link rel="stylesheet" href="1.css">
引入外部样式表
表格(table)
组成
table 定义表格
tr 行
td 列(单元格)
属性介绍:
border: 设置表格边框
width: 设置表格宽度
Height: 设置高度
cellspacing:设置单元格之间的距离
cellpadding:文字距离单元格边框的距离
bgcolor="red" 设置背景颜色
align=center left| right 给td或者tr设置让文字居中 table设置表格居中
<th></th> 设置表格标题,用法和td一样
设置表格表头
表格结构
- <span style="font-size:14px;"><table>
- <thead></thead> 头
- <tbody></tbody> 身体
- <tfoot></tfoot> 脚
- </table></span>
单元格的合并
横向和合并:
纵向合并:
1 表单(form)
作用
表单控件
表单介绍:
属性:
action: 处理用户数据信息
Method:get | post
Get数据提交:
通过地址栏的方式进行数据提交,将用户输入的信息显出来。
Get提交安全性差
Post提交:
数据通过后台进行提交,不会将用户信息显示出来,安全性比较好
表单控件
属性:
maxlength: 设置文本输入框最多能输多少字符
readonly="readonly" 设置文本输入框为只读(只能读不能编辑)
disabled="disabled” 控件属于非激活的状态
name="username" 给输入框设置名称
Value=”” 设置或者显示输入的值
密码输入框:
属性用法与文本输入框的用法一样。
单选按钮:
注意:实现单选效果一定要给控件设置相同的名称
属性:
checked="checked" 设置默认选中项
属性:
设置默认选中项
multiple="multiple" 可以实现多选效果
下拉列表分组显示:
多选控件:
设置默认选中项: checked=checked
多行文本输入框:
图片上传控件:
按钮系列:
注意:该按钮不能进行表单提交。通常和js代码配合使用
将控件中的值恢复到默认值状态
该控件也可以进行表单的提交
表单分组控件: