一、装饰性标签
em意为强调,突出文章重点
<em>em标签</em>
strong意为强调,内容更为有用
<strong>strong标签</strong>
b加粗
<b>b标签</b>
i:斜体、u:下划线
二、div和span
div:无意义的块级元素,用于搭建网站架构
<!-- 头部 -->
<div class="header"></div>
<!-- 内容区 -->
<div class="content"></div>
<!-- 底部 -->
<div class="footer"></div>
span:无意义的行内元素
<div>我是一个<span style="color: red;">块级元素</span></div>
三、video和audio标签
1.video作用:播放视频
<video src=""></video>
video标签的属性 :
src:告诉video标签需要播放的视频地址
autoplay:用于告诉video标签是否需要自动播放视频
controls:用于告诉video标签是否需要控制条
poster:用于告诉video标签视频没有播放之前显示的占位图片
loop:一般用于做广告视频,用于告诉video标签视频播放完毕之后是否需要循环播放
muted:静音
width/height: 和img标签中的一模一样
video的第二种格式:
<video>
<source src="" type=""></source>
<source src="" type=""></source>
</video>
第二种格式存在的意义:
由于视频数据非常非常的重要, 所以五大浏览器厂商都不愿意支持别人的视频格式, 所以导致了没有一种视频格式是所有浏览器都支持的
这个时候W3C为了解决这个问题, 所以推出了第二个video标签的格式
video标签的第二种格式存在的意义就是为了解决浏览器适配问题
video 元素支持三种视频格式, 我们可以把这三种格式都通过source标签指定给video标签, 那么以后当浏览器播放视频时它就会从这三种中选择一种自己支持的格式来播放。
2.audio作用:播放音乐
格式: