zoukankan      html  css  js  c++  java
  • HTML中视频、音频、图标、滚动条定位、文字滚动效果、iframe的应用

      1、小图标(.ico)

      <link></link>必须写在<head></head>里面具体格式如下:

    <head><link rel="shortcut icon" href="/jb51.ico" type="image/x-icon"/></head>
    注意:红色部分为图片的相对路径
    2、插入音乐
     <embed></embed>必须写在<head></head>里面具体格式如下:

    <embed src="images/Joy%20Gruttmann%20-%20Schnappi.mp3" controls="controls"
    width=300 height=80 type=audio/mpeg loop="-1" hidden="ture " autostart="false" volume="0"/></embed>

    注意:红色部分为音乐的相对路径,loop是是否自动播放,hidden是是否隐藏
    3、插入视频(写在<body></body>中)
    具体格式如下:
    <body>
    <embed src='http://player.youku.com/player.php/sid/XMjY1NzI5MzQ5Ng==/v.swf?VideoIDS=XNDA3OTM4NA=&isAutoPlay=true
    &isShowRelatedVideo=false&embedid=-&showAd=0' allowFullScreen='true' quality='high' width='480' height='400'
    align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>
    </body>
    注意:
    红色部分为视频的相对路径,绿色部分为是否自动播放
    4、滚动
    <marquee
    direction="这里为设置滚动方向如右right左left">要滚动的内容<marquee>
    5、滚动条的定位

    html 直接定义:先定义一个带有id的标签,这个标签是你想要访问的目标位置,然后在定义一个a标签(你点击后会跳转的链接)

    如<h1 id="123">点击这里会跳转到这里</h1>

    <a href="#123"></a>

    注意:当你去点击红色部分时会让滚动条停到当前位置

    6、iframe

    在原来的页面嵌入一个小窗口显示其他的页面

    <iframe scr="其他页面的地址" width=“” height=“” frameborder(边线)=“0” scrolling(滚动条)=“no”></iframe>

  • 相关阅读:
    JavaScript——引用类型
    react+express+mongodb搭建个人博客
    JavaScript——变量及其作用域
    CSS——盒子模型
    CSS——浮动及清除浮动
    hexo博客分支教训
    使用Node.js+Express 简易开发服务端实例
    发布Nuget包命令
    当心引用类型的“坑”
    sqlcmd相关
  • 原文地址:https://www.cnblogs.com/zhulijun/p/6604458.html
Copyright © 2011-2022 走看看