HTML学习记录4/HTML5新增video标签/audio标签/概要详情/marquee标签/被废弃的的标签以及代替的标签/字符实体

video标签:

第一种格式:只支持.webm格式。

<video src="图片.webm"></video>

src:视频地址。
autoplay:是否需要自动播放。
controls:是否显示控制条。
poster:显示占位图片
loop:播放完毕之后是否循环播放。
preload:预加载视频,与autoplay相冲,设置了autoplay,preload会失效。
mute:静音。
width:设置视频宽度。
height:设置视频高度。
第二种格式:可以指定不同的视频格式,解决浏览器适配问题,但该浏览器必须支持HTML5的video标签。

<video>
      <source src="图片.mp4" type="video/mp4"></source>
</video>

audio标签:

audio标签也有两种格式,与video标签相似,属性中height、width/poster不能用。

<audio src="images/好听的歌.mp3" autoplay="autoplay" controls="controls"></audio><br>
<audio controls="controls">
    <source src="images/好听的歌.mp3" type="audio/mp3">
</audio>

概要详情标签:

格式:

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

marquee标签:

作用:跑马灯。
direction控制移动方向,right从左往右,up从上往下,dwon从下往上。
scrollamount控制移动速度,值越大速度越快。
loop控制滚动次数。
behavior滚动类型,slide滚到边界停止,alternate滚到边界弹回。
也可以设置图片滚动。
例:

<marquee direction="right">hhh</marquee>
<marquee direction="up">hhh</marquee>
<marquee direction="down">hhh</marquee>
<marquee behavior="alternate" scrollamount="50">
    <img src="images/t2.jpg">
</marquee>

被废弃的标签:

<br><hr><font><b><u><i><s>

一般情况下作为css的钩子。

以下是替代b/u/i/s的标签:
strong:定义重要性强调的句子
em:定义强调的文字
ins:定义插入的文字
del:定义被删除的文字
例:

<b>文字</b><br>
<u>文字</u><br>
<i><font color="aqua">文字</font></i><br>
<s>文字</s><hr>
<p><strong>替代b标签</strong></p>
<ins>替代u标签</ins>
<em>替代i标签</em>
<dl>替代s标签</dl>

效果:
在这里插入图片描述

字符实体:

有特殊含义但无法直接显示出来。

&nbsp;----空格
&lt;----小于符号
&gt;----大于符号
&copy;----版权符号
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小婵婵不怕鬼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值