zoukankan      html  css  js  c++  java
  • HTML基础 页面效果(标题图标、锚点、插入音乐,视频、滚动效果、嵌入网页)

    1、在一个页面嵌入其他页面

          < iframe >------ < / iframe >

    <iframe  src="要放在框架里面的网址或文件" height="" width="">  </ifrmae>

    <iframe src="text.asp" height="200" width="600"></ifrmae >
    scrolling="No" //意为滚动条不随内容改变而出现 -- 多余的内容会被自动隐藏! frameborder="0"   //嵌套页面边框 leftmargin="0" //左边距 topmargin="0" //上边距 onscroll="true" //当元素滚动条被滚动时执行脚本 ,在HTML 5 中定义了该元素

    2、锚点

      英文名 anchor 是网页制作中超级链接的一种,像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。

    锚点的创建 : 找定位然后创建到该锚点的链接。

    (1)定义锚点

    < h3  id = "top" >    这里是TOP部分        </h3>
    < h3  id= "content">  这里是CONTENT部分    </h3>     
    < h3  id= "foot">     这里是FOOT部分       </h3>

    (2)用 <a></a>制作锚点链接                                         

      页面内的锚点访问

    <a href= "#top" >      点击我链接到TOP        </a>
    <a href= "#content">   点击我链接到CONTENT    </a>
    <a href= "#foot">      点击我链接到FOOT       </a>
      不同页面之间的锚点访问
      页面地址后面加锚点标记                                               
    //目标页面页面的地址是  http://文件路径/index.html
    //访问foot锚点,  http://文件路径/index.html#foot  
    <a href=" http://文件路径/index.html#foot"> 点击我跳转到 文件路径/index.html#foot  </a>

    3、插入视频

           最直接简单有效的方法,点击任意一个视频网站下面的分享好友,复制粘贴 HTML 代码就可以,

    (1)网络上的视频

      以优酷 为例插入一个学习英语的视频

    <embed src='http://player.youku.com/player.php/Type/Folder/Fid//Ob//sid/XODQ1ODU5MjQ=/v.swf' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' allowFullScreen='true' mode='transparent' type='application/x-shockwave-flash'>
    
    </embed>

     (2)本地的视频

      这个要放到自己的根目录文件夹下面

    <embed src="路径"width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" >
    
    </embed>
    // allowFullScreen="true" 视频可全屏可缩小

    自动播放
        swf后面

           VideoIDS=XNDA3OTM4NA=&isAutoPlay=true&isShowRelatedVideo=false&embedid=-&showAd=0

    4、插入音乐 

       <embed src = "音乐文件地址" >   </embed>  

    在页面 title 标签下方添加音乐代码

    <embed src = "音乐文件地址"  hidden="true" autostart="true" loop="true">   </embed>  //兼容主流浏览器如,谷歌,360
    
     hidden="true"       //隐藏播放器按钮 hidden="false"开启
     autostart="true"    //打开网页加载完后自动播放  默认 false  
     loop="true"         //循环播放; ( loop="false" 播放一次,loop="n" 播放 n 次 )
     startime="分:秒"    //设定乐曲的开始播放时间
     volume=0--100       //设定音量大小
     width height        //设定控制面板的大小

     5、滚动效果

    < marquee> 我在滚动< / marquee>

    < marquee direction="left"> 我在滚动< / marquee>
    
    direction      //滚动方向(包括4个值:up、 down、 left和 right) 
    behavior        //滚动方式(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)
    scrollamount    //滚动速度(滚动速度是设置每次滚动时移动的长度,以像素为单位)
    scrolldelay     //滚动延迟(设置滚动的时间间隔,单位是毫秒)
    loop         //滚动循环(默认值是-1,滚动会不断的循环下去)
    width、height    //滚动范围
    bgcolor       //滚动背景颜色
    hspace、vspace   //空白空间

    6、标题栏小图标

    <link  rel="shortcut  icon" type="image/x-icon" href="图片地址" media="screen"  />
     

  • 相关阅读:
    nginx实现请求的负载均衡 + keepalived实现nginx的高可用
    nginx的location配置详解
    nginx负载均衡算法
    nginx实现集群高可用
    Nginx:承受3万并发连接数,胜过Apache 10倍
    编程高手与调试高手
    Android 中调试手段 打印函数调用栈信息
    android 中打 Log 的一些技巧
    Java程序员应该知道的10个调试技巧
    Camera中对焦模式总结
  • 原文地址:https://www.cnblogs.com/Tanghongchang/p/6608191.html
Copyright © 2011-2022 走看看