HTML 常用小技巧 【标题图标】【锚点】【插入音乐,视频】【滚动效果】【嵌入网页】
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 常用小技巧 【标题图标】【锚点】【插入音乐,视频】【滚动效果】【嵌入网页】的更多相关文章
- javascript的40个网页常用小技巧
下面是javascript的40个网页常用小技巧,对网站开发人员相信会有帮助.1. oncontextmenu="window.event.returnValue=false" 将 ...
- Matlab常用小技巧及部分快捷键
Matlab常用小技巧一: 1. m文件如果是函数,保存的文件名最好与函数名一致,这点都很清楚.不过容易疏忽的是,m文件名的命名尽量不要是简单的英文单词,最好是由大小写英文/数字/下划线等组成.原因是 ...
- HBase Shell Get 操作常用小技巧
在工作中,有时候只是想简单看下HBase表某些关键指标的值,这个时候总不能现写Java代码去查看,以下几个小技巧你可能会经常用到. 1. 某行有许多列,只想获取指定2~3列的数据 hbase> ...
- 今天整理了几个在使用python进行数据分析的常用小技巧、命令。
提高Python数据分析速度的八个小技巧 01 使用Pandas Profiling预览数据 这个神器我们在之前的文章中就详细讲过,使用Pandas Profiling可以在进行数据分析之前对数据进行 ...
- 实用小技巧(一):UIScrollView中上下左右滚动方向的判断
https://www.jianshu.com/p/93e8459b6dae 2017.06.01 01:13* 字数 674 阅读 1201评论 0喜欢 1 2017.06.01 01:13* 字数 ...
- PowerDesigner 的常用小技巧 转
中小 订阅 修改外键命名规则 选择Database—>Edit Current DBMS选择Scripts->Objects->Reference->ConstName可以发现 ...
- iOS 知识-常用小技巧大杂烩
原文链接:http://www.jianshu.com/p/7c3ee5e67d03. 自己看的. 1,打印View所有子视图 po [[self view]recursiveDescription] ...
- 使用JavaScript在项目前台开发的58种常用小技巧
oncontextmenu="return false" :禁止右键 onselectstart="return false" : 禁止选取 onpaste = ...
- ExtJs 常用小技巧备忘录
1. ExtJs 给fieldLabel与fieldInput添加样式{给Input标签加入图标}http://www.w3school.com.cn/cssref/pr_background.asp ...
随机推荐
- [转载]金融行业 DevOps 解决方案概述
2009 年 6 月份,John Allspaw 及 Paul Hammond 在速度大会 (Velocity) 上分享了在 Flickr 中如何通过加强 Dev(开发团队)和 Ops(运维团队)之间 ...
- 杂谈--SQL SERVER版本
SQL SERVER 内部版本号: SQL Server Version Internal Database Version SQL Server 2014 782 SQL Server 2012 ...
- python中硬要写抽象类和抽象方法
由于python没有抽象类.接口的概念,所以要实现这种功能得abc.py这个类库,具体方式如下: # coding: utf-8import abc #抽象类class StudentBase(obj ...
- BZOJ 5194--[Usaco2018 Feb]Snow Boots(STL)
5194: [Usaco2018 Feb]Snow Boots Time Limit: 10 Sec Memory Limit: 128 MBSubmit: 81 Solved: 61[Submi ...
- Codeforces Round #479 (Div. 3)解题报告
题目链接: http://codeforces.com/contest/977 A. Wrong Subtraction 题意 给定一个数x,求n次操作输出.操作规则:10的倍数则除10,否则减1 直 ...
- 链表(上):如何实现LRU缓存淘汰算法?
一.什么是链表 和数组一样,链表也是一种线性表. 从内存结构来看,链表的内存结构是不连续的内存空间,是将一组零散的内存块串联起来,从而进行数据存储的数据结构. 链表中的每一个内存块被称为节点Node. ...
- [翻译] Trident-ML:基于storm的实时在线机器学习库
最近在看一些在线机器学习的东西,看到了trident-ml, 觉得比较有意思,就翻译了一下,方便有兴趣的读者学习. 本文为作者(掰棒子熊)翻译自https://github.com/pmerienne ...
- Java实现二分法排序
二分法:(二分法不是只能做数组,这里的数组只是为了举例) 在给出的有序排列的数组中,把目标值和数组中间值进行比较,如果相等,则返回中间值下标,如果目标值小于中间值,就从数组的前半段再次执行二分法查找, ...
- java和js获取当前天之后或之前7天(任意)日期
一.获取过去第几天的日期(- 操作) 或者 未来 第几天的日期( + 操作) /** * 获取过去第几天的日期(- 操作) 或者 未来 第几天的日期( + 操作) * * @param past * ...
- Vue笔记:使用node开发vue入门实例
安装NPM 首先在命令终端输入 npm -v 检测是否安装 npm.如果没有,按照下面教程进行安装. 下载地址: nodejs中文网 到官网下载自己系统对应的版本,这里我们下载Windows系统的64 ...