html和css基础知识（2）

4-9.特殊字符

​ 

4-10.音频audio

• src 视频路径
• controls 显示播放的控件
• autoplay 自动播放（谷歌浏览器中需配合muted实现静音播放）
• loop 循环播放

4-11.视频video

• src 视频路径

• controls 显示播放的控件

• muted 静音播放

• autoplay 自动播放（谷歌浏览器中需配合muted实现静音播放）

• loop 循环播放

  

4-12.div和span区别

• div占一行，span在一行内显示

4-13.列表

• 无序列表ul

  

• 有序列表ol

  

• ​ 自定义列表dl

  

4-14.表格table

​ 语法：

表格属性：

• tr行 td表格单元格 th表格标题单元格

• border 边框

• cellpadding 边框与内容之间距离，默认值1

• cellspacing 边框与边框之间距离，默认值2

• width 表格宽度

• align=center/left(默认)/right 水平对齐方式

​ 表格标题和表头

• caption 表格标题
• thead 表格头部
• tbody 表格主体
• tfooter 表格尾部

​ 合并单元格

• colspan 合并列
• rowspan 合并行

4-15.表单input

​ 属性

• form 表单域
• action 手机信息提交给哪个文件处理
• name 表单域的名称
• method 传递信息的方法
• method='get'默认值 通过浏览器的地址栏进行传递信息post

​ 表单控件

• 单行文本输入框 text

• 密码框 password

• lable使用（点击文字，input获取焦点）

• 单选框 radio

• 多选框 CheckBox

• 下拉菜单select

• 文件域textarea

• 按钮

  ​ submit提交按钮

  ​ reset重置按钮

  ​ button提交按钮

  

4-16.有布局语义的标签

4-17.没有布局语义的标签

​ div和span

5.CSS（层叠样式表）

5-1.语义

层叠样式表（Cascading style sheets）

5-2.作用

给页面中的HTML标签设置样式

5-3.CSS引入方式

• 内嵌式
• 外联式
• 行内式