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> &lt;小于符号 < &gt;大于符号 >

&lt;尖括号里的内容&gt;

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