接触HTML的第三天,简单的记录一下所学内容:
HTML标签
1。块级标签:h1——h6
p
hr 分割线
br 换行
blockquote 长引用
pre 预格式
ul li 无序列表
ol li 有序列表
dl dt dd 定义列表
figure 图文混用
div 分区标签
table tr td th
table属性:rowspan 跨行colspan 跨列
border 加边框
width 宽
heught 高
bgcolor 表格颜色
background 背景图片
bordercolor 边框颜色
cellspacing 单元格间距
cellpadding 文本与单元格间距
aligin 单元格位置
tr td 属性:
width
height
bgcolor
align(left center right)文本水平方向对齐
valigin(top middle bottom)垂直方向对齐
表格结构化:
caption 表格标题
thead 表格头
tbody 表格体
tfoot 表格尾
表格直列化:
colground 对列的分组 span属性
col 某一列
行级标签:
span 对文本中某一个元素加属性 突出
img 图片
a 链接
i 斜体
em
b 加粗
strong
small 比相邻的元素小
big 大
q 短引用
sub 下划线
sup 上划线
mark 高亮显示文本
s 有误文本 cite 作品标题的引用 dfn 定义一个专业的术语 abbr 缩写 code 计算机代码 var 定义变量 bdo 定义文本显示方向 kbd 键盘输入按键 sub 下标文本 sup 上标文本 u下划线 time data标签的时间版本 备忘录提醒时间
action:指定表单数据提交的地址
method:表单数据提交方法
为了往服务端提交数据,提交的数据清晰易懂方便处理:
普通的输入框,需要添加name属性,来保证键值对的完整
非输入框:需要添加name和value属性,来保证键值对的完整
另外,name还有分组的作用,
单选框,相同name的是一组,单选框中同一组内的选项有互斥的效果
复选框,也需要name属性来表明当前的多项是一组
通过get请求往服务端提交数据的时候,提交的数据会追加在url地址的后面
以?进行分隔。多个数据之间用&分隔。
get请求缺点:暴露敏感信息 传输数据有限
优点:传输速度快
post请求:传输的数据放在请求体中,而不是暴露在url地址后面
优点:隐藏敏感信息 传输的数据多少没有限制
缺点:传输速度慢
按钮四个:
type:reset 重置按钮
type:submit 提交按钮
typ:image 具有提交的功能
<button></button> 具有提交的功能
fieldset 表格边框(一个表格可以分多个区域)
legend 表格标题
元素顺序:tabindex:1为开始索引 radio 单选框 name定义一个类别 产生互斥效果 checked 默认值 checkbox 多选框 reset 重置 submit 提交 file 文件 value 定义 textarea 文字区块(意见建议)<form action="" method="get">
在html5中,表单元素可以放在form表单之外,并通过form属性和表单进行关联,
通过关联,form表单外的表单元素也可以把数据提交。
autocomplete:输入框内容自动补全
autofocus 自动获取焦点
requiyed:必填
placeholder 提示信息
readonly 只读 不能编辑
multiple 下拉框的多项选择
selected 下拉框的默认选中项 单选框和复选框通过check属性实现默认选中