HTML入门篇05.行内与块元素与音视频标签

行内与块元素

元素区分为：块元素、行内元素、行内块元素

块元素（block element）：常用来布局、独占一行、从上到下顺序排列、宽度是父元素的100%、高度默认是被内容撑开的

什么都能放，块元素、行内元素、行内块元素

例如：div、h1—h6、p、header、footer、nav

行内元素（inline element）:常用来包裹文字，不会独占一行，从左到右排列，宽高都是被内容撑开的，不可以自定义宽高

只能放行内元素如文字

例如：span、em、啊、

行内块元素：兼容块元素和行内元素的特点，不会独占一行、可自定义宽高

特殊的块元素p标签，一般放文字或图片

特殊的行内元素a标签，里面什么都能放

元素之间可以相互转换---display属性

Block 成块元素

Inline 转成行内元素

Inline-block 转成行内块元素

None 将元素隐藏

音视频标签

Audio标签：引入一个外部音频文件

Controls:控制是否允许用户点击播放

Loop：是否循环播放

Video标签：引入一个外部视频文件

Autoplay 自动播放 这个属性除了ie，大部分浏览器已经废弃

图片格式

Jpeg（支持颜色多）、gif（动图）、png（转为网页而生）、webp（兼容性不好）、base64（和网页一起加载的图片）

网站解析代码顺序：先解析结构、解析css、解析其他：js，图片