zoukankan      html  css  js  c++  java
  • HTML插入文件链接(如音乐,照片)

    html中插入音频。H5的标签 src为本地

    <audio controls="controls" height="100" width="100">
      <source src="韩庚 - I Don't Give A 屑.mp3" type="audio/mp3" />
      <embed height="100" width="100" src="韩庚 - I Don't Give A 屑.mp3" />
    </audio>
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>Web前端_自我介绍</title>
                 
        </head>
        <script type="text/javascript">
            function f1() {
                var title = document.title;
                var firchar = title.charAt(0);
                var leftchar = title.substring(1, title.length);
                document.title = leftchar + firchar;
            }
            function f2() {
                setInterval("f1()", 250);
            }
            function f3() {
                if (confirm("")) {
                    alert("");
                }
                else {
                    alert("");
                }
            }
        </script>
        <body onload="f2()">
            <!--<style><embed     src="C:UsersAdministratorDesktop韩庚 - I Don't Give A 屑.mp3"     width="0" height="0" hidden="false" autostart="true"></embed></style>-->
            <p>老师好,我叫竺杭杰,学号201318100224,地信132,希望老师上课能多敲代码演示以及展示下现下流行的H5。相信同学们会很感兴趣的哦。</p>
            <p>最新的韩庚单曲送你哈 </p>
            <!--<embed   hidden="ture"  loop="-1"  width=300 height=80 title="I Don't Give A 屑.mp3"  >
                <source src="src="http://sh.ctfs.ftn.qq.com/ftn_handler/7dab5a5ed078e9edc532293fd98fcbc3d95a699792900ccb75cf06712f0d784c2ba0397c611ee4170bf20ecd63d3ac2b0050c10b7369d74fb246fe2223b0c0ca/?fname=%E9%9F%A9%E5%BA%9A+-+I+Don%26%2339%253t+Give+A+%E5%B1%91.mp3"></source>
            </embed>-->
             
            <audio controls="controls" height="100" width="100" loop="-1" autoplay="true">
                <source src="http://sh.ctfs.ftn.qq.com/ftn_handler/7dab5a5ed078e9edc532293fd98fcbc3d95a699792900ccb75cf06712f0d784c2ba0397c611ee4170bf20ecd63d3ac2b0050c10b7369d74fb246fe2223b0c0ca/?fname=%E9%9F%A9%E5%BA%9A+-+I+Don%26%2339%253t+Give+A+%E5%B1%91.mp3" type="audio/mp3" />
                <!--<embed height="100" width="100" src="I Don't Give A 屑.mp3" /></embed><!--如果第一个格式错误,会尝试embed-->
            </audio>
            <p>最爱Lrc:</p>
            <img src="http://hz.ftn.qq.com/ftn_handler/e5db2bd09bbc783affc3ae9e09010af75a14683f365b73de2ec0db4d14b5231f453d12f1ec4c467712cc82a0c92207790593e46a200ae4913f20f838f3e7a6d0/?fname=shit.jpg" />
        </body>
    </html>
    

      

    自制文件链接后

    ​自制文件链接步骤,找个固定的上传源,如网盘,邮箱文件中转站都行。

    然后上传好文件,点击下载,就有链接了,删除后缀名后的部分如.jpg后面的全不要,.mp3后的全不要。这就是我们要的网址链接。

    验证是否正确,粘贴到浏览器,出现下载窗口,即说明正确!

  • 相关阅读:
    9、 docker容器数据卷
    第十八章 MySQL数据库优化
    第十七章 MySQL的VIP漂移和Atlas
    第十六章 MHA高可用(续)
    第一章 shell基础
    第十五章 MHA高可用
    第十四章 MySQL的各种主从
    第十三章 MySQL的主从复制
    第十二章 MySQL的恢复与备份
    第十一章 MySQL日志详解
  • 原文地址:https://www.cnblogs.com/joeymary/p/4816924.html
Copyright © 2011-2022 走看看