夜光带你走进 前端工程师(四)

夜光序言:

 

 

在人类前进的道路上,强者与弱者的命运是不同的。弱者不羡慕强者的命运,强者也讨厌弱者的命运。强者带有人性中强悍的一面,弱者带有人性中软弱的一面。强者为弱者开辟道路,但是强者往往为弱者所奴役,就像老人是为大腹便便的游客打鱼一样。

 

 

 

 

 

 

 

正文:

关键点在于 x,y


<img src="sheji.jpg" usemap="#map1">  <!--  //加一个#导向map1-->
 <form>
     <input type="image" src="sheji.jpg"
 </form>
<map name="map1"> <!-- //设置了一个身份,唯一的-->
    <area href="time.html" shape="rect" coords="">
    <area href="">
    <area>
</map>

 

 

需要新建区域的html,之后选择相应区域

 

 

 

 

倘若图形是一个圆的话,可以考虑这样
<img src="1.jpg" width="524" usemap="#map2">
<map name="mape2">
    <area href="biaodan%20test3.html" shape="circle" coords="262,262,262">

 

262{左边缘到圆心},262{右边缘到圆心},262{半径}

 

<br><br><br>
<a target="_blank" href="time.html">
    <img src="sheji.jpg" width="600">
</a>

 

来分析一下这句话:

<a target="_blank" href="time.html">
    <img src="sheji.jpg" width="600">
</a>

你看这句话可以设置整张图片不管点击哪里都会进入超链接,从而形成一种转换方式,_blank

 


Html5多媒体-视频

 

1:html5支持直接在浏览器中播放音频和视频文件

2:插件是令浏览器崩溃的主要原因之一,特别是flash存在很多问题

 

使用<video></video>元素

在网页里面嵌入视频内容

Src   来源

Height

Width

Autoplay  {网页完成以后自动播放视频}

Preload {预先载入视频  1:none 不会载入 2:metadata只载入第一帧   3:auto 请求下载整个视频}

Controls   控制整个视频

Loop         视频循环播放

Poster      视频载入时显示图片

Muted      视频静音

 

设置一个height来控制大小,还有width属性

这个还不行,还需要设置autoplay control  属性

 

<body>
    <video src="让我留在你身边%20初见版.mp4" height="500" autoplay controls></video>
</body>

 

 

 

换一种:

<body>

    <video src="让我留在你身边%20初见版.mp4" height="500" autoplay controls poster="">
        <source src="让我留在你身边%20初见版.mp4" type="video/mp4">
    </video>
<br><br>

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值