复习html属性~
table标签的属性
- Width、height 宽高(单位是像素或百分比)
- align 对齐 left/center/ right
- border =1 (边框且不合并边框)
- bgcolor 背景色
- background 背景图片
- Cellspacing 单元格间距(单元格和单元格的距离) 一般情况写0
- Cellpadding 单元格边距(表格边框与内容的距离) 一般情况写0
tr属性
Align 水平对齐
left/center/ right
valign 垂直对齐
Top(上)/middle(中)/bottom(下)
bgcolor 背景色
td的属性
Width、height 宽高(单位是像素或%)
align valign 水平对齐、垂直对齐
bgcolor 背景色
background 指定背景图片
Colspan 水平合并 合并多列
rowspan 垂直合并 合并多行
h5为表格的标题标签
thead 页眉 tbody 主题部分 tfoot 页脚
表格标题标签 不属于表格部分 再表格的头部a标签的属性
img标签属性{
src属性:图片的源路径地址
alt属性:图片找不到显示的内容 , 图片找到了这不显示
Width、height 宽和高设置图片的宽高
title属性 当鼠标悬浮上去显示的内容
usemap 图像映射,图像可以点击,进行跳转类似a标签
<map name='a' id="a">
<area shape="画出的图形 1.圆形circ 2.rect 矩形 3.多边形"
cooeds="1.圆心坐标,半径坐标||2.矩形左上角坐标,右下角坐标|| 3.多边形坐标1,多边形坐标2,。。。"
href="点击后跳转的页面"
target="于a标签一样"
alt="为跳转成显示的文字"
title="鼠标悬停显示的文字"
></area>
</map>
}
表单标签
1.form 表单: 收集用户填写的信息
action: 值:一个地址,收集到的信息提交到这个地址
method: 值:get提交的内容在浏览器地址栏可见
不安全、内容少,不超过4k
post 提交的内容,不会出现在浏览器地址栏里面
安全、提交的内容多
1.label : 无具体含义 一般配合 input标签使用
for: 值:字符串 和input 标签的id相对应 方便用户操作 用户体验
2.input:输入框
type: text 文本
password 密码
radio 单选按钮 必须和name结合使用
checkbox 多选框
file 文件
reset 重置
button 普通按钮
maxlength:最大长度
3.select 下拉框 一般和 option标签结合使用
4.option 选项标签
5.textarea 文本域
h5新增标签 基于语义
页眉标签
<header>页眉标签</header>
文章标签
<article>文章表彰</article>
侧边栏
<aside>侧边栏</aside>
页脚标签
<footer>页脚标签</footer>