html学习笔记（video~）

video标签

<p>
<video src="image/视频1.mp4"   muted autoplay="autoplay" controls="controls"></video><!--静音可以自动播放视频-->
</p>
<p>
<video src="image/视频1.mp4" controls="controls" poster="image/004.jpg"></video>
</p>
<p>
<video src="image/视频1.mp4"  autoplay="true" loop="loop"></video>
</p>

autoplay="autoplay"用来告诉video标签自动播放视频
controls="controls"用来设置视频播放的进度条
poster="poster"用来设置视频没有播放前显示的占位图片
loop="loop"一般用于广告视频，用来循环播放视频
preloda="preloda"预加载视频，将视频下载到本地，但是注意preload和autoplay属性相冲。、
muted="muted"使视频静音播放
width、height建议设一个

video第二种格式

<video>
	<source scr="视频.webm" type="video/webm"></source>
	<source scr="视频.mp4" type="video/mp4"></source>
	<source scr="视频.ogg" type="video/ogg"></source>
</video>

由于五大浏览器都不愿意支持别人的视频，所以没有一种视频格式是所有浏览器都支持的，用source标签里的type属性写视频的格式。
视频格式有：Ogg、MPEG 4、WebM。
把三种属性都给type。

audio标签

用来播放音频

<audio src="image/凉凉.mp3" autoplay="autoplay" controls="controls"></audio>

用了autoplay属性仍旧不能自动播放,加上muted也没法自动播放

<audio>
	<source src="image/凉凉.mp3" type="audio/mp3"></source>
</audio>

同video标签

video标签里能使用的属性audio基本都能使用，除了3个属性：width、height、poster。

详情和概要标签

<details>
	<summary>概要信息</summary>
	详情信息
</details>

点开概要信息右边的箭头详细信息就会出来，可以节省空间。

marquee标签

W3C不推荐，但是浏览器支持。

<marquee>跑马的内容</marquee>

文字和图片都可以滚动
方向默认是从右往左。
direction控制滚动的方向。direction="right/left/down/up"
scrollamount控制滚动的速度。
loop滚动的次数。
因为内容滚完之后不会留在页面上，所以需要behavior设置滚动类型。behavior="slide/alternate"
slide是滚动到边界停止（不用loop设置次数也会停止），alternate是滚动到边界弹回（只有用loop设置次数后才会停止）。

<marquee direction="right" scrollamount="50" loop="3" behavior="slide"></marquee>

<marquee>
	<img src="">
</marquee>

注意<br>、<hr>、<b>、<font>、<u>、<i>、<s>标签都尽量不要用，因为这些标签了可以修改文本的样式，与HTML用来给文本添加语义的本意相悖。
定义重要性强调的文字。（加粗文字）
定义插入的文字。（文字下面有条横线）
定义强调的文字，次于strong。（文字倾斜）
定义删除的文字。（文字上有条删除线）
不用关注，样式需要用CSS来修改。

字符实体

在HTML中有的字符是被HTML保留的，它在HTML中有特殊含义，如各种标签都是无法在浏览器中直接显示的。
<h1>标签这样写才会显示<h1>
<小于符号 <
>大于符号 >

<尖括号里的内容>

©版权符号 ©
在HTML中会把多个空格/回车/tab当做一个空格来处理。
&nbsp空格，一个&nbsp就是一个空格。