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

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

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

<iframe src="text.asp" height="" width=""></ifrmae >
scrolling="No" //意为滚动条不随内容改变而出现 -- 多余的内容会被自动隐藏!
frameborder=""   //嵌套页面边框
leftmargin="" //左边距
topmargin="" //上边距
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='' height='' align='middle' allowScriptAccess='always' allowFullScreen='true' mode='transparent' type='application/x-shockwave-flash'>

</embed>

 (2)本地的视频

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

<embed src="路径"width="" height="" 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=-- //设定音量大小
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"  />
												

HTML 常用小技巧 【标题图标】【锚点】【插入音乐,视频】【滚动效果】【嵌入网页】的更多相关文章

  1. javascript的40个网页常用小技巧

    下面是javascript的40个网页常用小技巧,对网站开发人员相信会有帮助.1. oncontextmenu="window.event.returnValue=false" 将 ...

  2. Matlab常用小技巧及部分快捷键

    Matlab常用小技巧一: 1. m文件如果是函数,保存的文件名最好与函数名一致,这点都很清楚.不过容易疏忽的是,m文件名的命名尽量不要是简单的英文单词,最好是由大小写英文/数字/下划线等组成.原因是 ...

  3. HBase Shell Get 操作常用小技巧

    在工作中,有时候只是想简单看下HBase表某些关键指标的值,这个时候总不能现写Java代码去查看,以下几个小技巧你可能会经常用到. 1. 某行有许多列,只想获取指定2~3列的数据 hbase> ...

  4. 今天整理了几个在使用python进行数据分析的常用小技巧、命令。

    提高Python数据分析速度的八个小技巧 01 使用Pandas Profiling预览数据 这个神器我们在之前的文章中就详细讲过,使用Pandas Profiling可以在进行数据分析之前对数据进行 ...

  5. 实用小技巧(一):UIScrollView中上下左右滚动方向的判断

    https://www.jianshu.com/p/93e8459b6dae 2017.06.01 01:13* 字数 674 阅读 1201评论 0喜欢 1 2017.06.01 01:13* 字数 ...

  6. PowerDesigner 的常用小技巧 转

    中小 订阅 修改外键命名规则 选择Database—>Edit Current DBMS选择Scripts->Objects->Reference->ConstName可以发现 ...

  7. iOS 知识-常用小技巧大杂烩

    原文链接:http://www.jianshu.com/p/7c3ee5e67d03. 自己看的. 1,打印View所有子视图 po [[self view]recursiveDescription] ...

  8. 使用JavaScript在项目前台开发的58种常用小技巧

    oncontextmenu="return false" :禁止右键 onselectstart="return false" : 禁止选取 onpaste = ...

  9. ExtJs 常用小技巧备忘录

    1. ExtJs 给fieldLabel与fieldInput添加样式{给Input标签加入图标}http://www.w3school.com.cn/cssref/pr_background.asp ...

随机推荐

  1. [转载]金融行业 DevOps 解决方案概述

    2009 年 6 月份,John Allspaw 及 Paul Hammond 在速度大会 (Velocity) 上分享了在 Flickr 中如何通过加强 Dev(开发团队)和 Ops(运维团队)之间 ...

  2. 杂谈--SQL SERVER版本

    SQL SERVER 内部版本号: SQL   Server Version Internal Database Version SQL Server 2014 782 SQL Server 2012 ...

  3. python中硬要写抽象类和抽象方法

    由于python没有抽象类.接口的概念,所以要实现这种功能得abc.py这个类库,具体方式如下: # coding: utf-8import abc #抽象类class StudentBase(obj ...

  4. BZOJ 5194--[Usaco2018 Feb]Snow Boots(STL)

    5194: [Usaco2018 Feb]Snow Boots Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 81  Solved: 61[Submi ...

  5. Codeforces Round #479 (Div. 3)解题报告

    题目链接: http://codeforces.com/contest/977 A. Wrong Subtraction 题意 给定一个数x,求n次操作输出.操作规则:10的倍数则除10,否则减1 直 ...

  6. 链表(上):如何实现LRU缓存淘汰算法?

    一.什么是链表 和数组一样,链表也是一种线性表. 从内存结构来看,链表的内存结构是不连续的内存空间,是将一组零散的内存块串联起来,从而进行数据存储的数据结构. 链表中的每一个内存块被称为节点Node. ...

  7. [翻译] Trident-ML:基于storm的实时在线机器学习库

    最近在看一些在线机器学习的东西,看到了trident-ml, 觉得比较有意思,就翻译了一下,方便有兴趣的读者学习. 本文为作者(掰棒子熊)翻译自https://github.com/pmerienne ...

  8. Java实现二分法排序

    二分法:(二分法不是只能做数组,这里的数组只是为了举例) 在给出的有序排列的数组中,把目标值和数组中间值进行比较,如果相等,则返回中间值下标,如果目标值小于中间值,就从数组的前半段再次执行二分法查找, ...

  9. java和js获取当前天之后或之前7天(任意)日期

    一.获取过去第几天的日期(- 操作) 或者 未来 第几天的日期( + 操作) /** * 获取过去第几天的日期(- 操作) 或者 未来 第几天的日期( + 操作) * * @param past * ...

  10. Vue笔记:使用node开发vue入门实例

    安装NPM 首先在命令终端输入 npm -v 检测是否安装 npm.如果没有,按照下面教程进行安装. 下载地址: nodejs中文网 到官网下载自己系统对应的版本,这里我们下载Windows系统的64 ...