HTML——iframe、table、form-第三天
一、iframe框架
--> 在页面中嵌套另一个页面
--> 属性：
- src 页面地址
- width
- height
- scrolling 控制滚动条属性
--> auto
--> yes
--> no
- frameborder ---- 0（没有边框）
--> 用途：
- 后台管理系统
--> iframe + a（用得少）
- 广告区
--> 不利于seo
二、文本格式化标签（有效果的文本标签）
1、 加粗
2、 倾斜
3、 删除（加入中划线）
4、 加粗
5、em 加粗
三、面试题
1、为什么会有两个加粗，有什么区别？
--> 表现没有任何区别，区别在于语义化。b是单纯的加粗，strong是着重强调加粗；i是倾斜，em是强调倾斜。很多我们在用的时候都把它的自带样式去除，只用它的语义化，样式交给css。
2、语义化：用合适的标签包裹对应的内容
--> 语义化的好处：
- 对于程序员来说，可读性强
- 增强seo
四、table表格
1、tr 行
2、th 表头 列
3、td 单元格
4、属性
- border 边框
- width、height
- cellspacing ---- 0 （单元格间距）
- cellpadding ---- 0 （单元格内边距即单元格距离文字的距离，只有一个数字时，是上下左右都变化）
- align ---- center （居中）控制排列方向
- colspan ---- 4，写几合并几列
- rowspan ----2，写几合并几行
5、完整版写法
注意事项：如果要用，就写全
五、form表单（发送数据）
1、作用：给后台发送数据 。如果想要数据成功，input上面加上name
2、属性
2-1. action（提交地址）
2-2. method（提交方式）：
- get（默认） ---- 数据在地址栏显示、
- post ---- 数据不在地址栏显示
3、input（输入数据）
3-1. 属性
- name --- 输的是什么类别
- type --- text、password、submit、button、reset（重置按钮）、radio（单选框，要一个组名(name)）、checkbox（多选框）——checked（默认选中）、file（文件）
- value ---- 输入框里面的东西
- disabled ---- 只读，不可使用
4、label
--> 一般用在表单里面，包裹表单的提示文字
--> 属性：for里面放id的名字，提高用户体验
5、textarea（文本域）
--> 属性：
- cols 列
- rows 行
6、select（下拉菜单框）
--> 配合option使用
六、空标签
1、hr 水平分隔符
2、br 换行符
七、实体标签（特殊字符）
1、 （整体表示一个空格）
2、 < （<）
3、 >（>）
4、 ©（版权）
八、HTML5的标签
1、结构化标签
--> 增强语义化
- header ---- 头部
- section ---- 身体
- footer ---- 脚部
- nav ---- 导航
- article ---- 包裹文章
2、功能化标签
--> 配合JS使用
--> canvas 画布、audio 音频（controls -- 显示控件）、vedio 视频（controls -- 显示控件）
九、H5的表单属性
1、calendar、date、time、email、number、search、url等，多在移动端使用，唤醒的键盘不一样。