2020-10-15

1.表格标签：
表格标签具有简单通用、结构稳定的特点
单元格：行、列、跨行、跨列
例如：

实现结果：

2.视频和音频标签

3.网页的结构分析

4.iframe内嵌框架：

5.表单：

名字:

密码:

性别: 男 女

爱好： 睡觉 敲代码 打游戏 吃美食

国家: 中国 日本 美国

反馈消息: 反馈

文件

邮箱:

网站:

音量的滑块:

点我

搜索

注：
表单标签中的应用：
只读：readonly
隐藏：hidden
禁用：disabled
type的类型属性：text、password、checkbox、radio、submit、reset、file、hidden、image、button
默认情况为text
name：指定元素的名称
value：元素的初始值
type的类型为radio是必须要制定一个值
size：表示元素的宽度
maxlength：当类型为text或者password的时候输入的最大的字符数
checked：type为radio或者checked是，指定按钮是都被选中。

6、css3

CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.
CSS 可以通过以下方式添加到HTML中:
行内样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部 区域使用

• 行内样式
  其属于style属性引入css样。

• 外部引入

  从外部引入css.css文件（右侧css.css文件）

• 内部样式
  在style标签中书写css代码，style标签写在head标签中。

HTML（结构）+CSS（修饰）+JS（交互）

css学习的难点：
1、css选择器（重点）
基本选择器：

• 标签选择器------选择一类标签 标签名{ 属性设置 }
• 类的标签class-------选择所有的class的属性一致的选择器， .class名称{属性设置}
• ID选择器-------全局唯一的ID， #ID名{属性设置}
  对于这三种基本选择器的优先级为：
  ID选择器>class选择器>标签选择器（不遵循就近选择器，只遵循优先级）

运行结果：