一、html框架   iframe

在网页中嵌入一个别的网页

1、格式：

<iframe  src="链接地址" width="" height=""></iframe>

frameborder=""   边线粗细

scrolling="yes/no"    嵌入网页是否有滚动条

2、点击某个超链接即可在嵌入的网页中自动跳转

<a href="http://www.baidu.com" target="website">百度</a>

<a href="http://www.douyu.com" target="website">斗鱼</a>

<a href="http://www.zhibo8.cc" target="website">直播吧</a>

<iframe name="website" src="http://www.baidu.com" width="100%" height="500"></a>

二、标题栏插入小图标

在<head></head>中添加<link rel="SHORTCUT ICON" href="图片地址"/>     (图片后缀为.ico)

三、锚点

在一个页面中快速定位到某一位置

目标位置的标题处，添加id="值"
使用一个超链接，href里面填 "#值"

四、插入视频

在优酷等视频网站，找到分享位置，选择复制HTML代码，粘贴到代码中

在v.swf后添加：?VideoIDS=XNDA3OTM4NA=&isAutoPlay=true&isShowRelatedVideo=false&embedid=-&showAd=0实现视频自动播放

五、插入音频

<embed src="音频路径" hidden="true" autostart="true" loop="true">

autostart=""    自动播放

loop=""           循环播放

hidden=""       隐藏播放按钮

六、滚动效果

<marquee direction="" behavior="" scrollamount="">要滚动播放的内容</marquee>

direction        滚动方向(up,down,left,right)

behavior        滚动方式(scroll:循环滚动，默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动)

scrollamount  滚动速度(设置每次滚动时移动的长度，以像素为单位)

scrolldelay      滚动延迟(设置滚动的时间间隔，单位是毫秒)

loop              滚动循环(默认值是-1，滚动会不断的循环下去)

width、height    滚动范围

bgcolor            滚动背景颜色

【2017-03-20】HTML框架，标题栏插入小图标，锚点，插入音频视频，滚动效果的更多相关文章

  1. HTML在网页中插入音频视频简单的滚动效果

    每次上网,打开网页后大家都会看到在网页的标签栏会有个属于他们官网的logo,现在学了HTML了,怎么不会制作这个小logo呢,其实很简单,也不需要死记硬背,每当这行代码出现的时候能知道这是什么意思就o ...

  2. HTML 常用小技巧 【标题图标】【锚点】【插入音乐，视频】【滚动效果】【嵌入网页】

    一 在原页面嵌入其他页面 使用iframe框架 < iframe >------ < / iframe > <iframe  src="要放在框架里面的网址或文 ...

  3. 小程序开发总结一：mpvue框架及与小程序原生的混搭开发

    mpvue-native:小程序原生和mpvue代码共存 问题描述 mpvue和wepy等框架是在小程序出来一段时间之后才开始有的,所以会出现的问题有:需要兼容已有的老项目,有些场景对小程序的兼容要求 ...

  4. 跨界！Omi 发布多端统一框架 Omip 打通小程序与 Web 腾讯开源 2月28日

    https://mp.weixin.qq.com/s/z5qm-2bHk_BCJAwaodrMIg 跨界!Omi 发布多端统一框架 Omip 打通小程序与 Web 腾讯开源 2月28日

  5. 多线程之批量插入小demo

    多线程之批量插入 背景 昨天在测试mysql的两种批量更新时,由于需要入库大量测试数据,反复执行插入脚本,过程繁琐,档次很低,测试完后我就想着写个批量插入的小demo,然后又想写个多线程的批量插入的d ...

  6. easyUI datebox 日期空间斜杠格式化。例如将日期空间中显示2017-03-13，改为2017/03/13

    easyUI datebox 日期空间斜杠格式化 将日期空间中显示2017-03-13,改为2017/03/13 //日期控件斜杠格式化 function formatDate(date){ if( ...

  7. （SSM框架）实现小程序图片上传（配小程序源码）

    阅读本文约"2分钟" 又是一个开源小组件啦! 因为刚好做到这个小功能,所以就整理了一下,针对微信小程序的图片(文件)上传! 原业务是针对用户反馈的图片上传.(没错,本次还提供小程序 ...

  8. 使用<link> 标签定义浏览器标题栏小图标

    使用link标签的rel属性,设置成icon.同时设置href属性值为小图标图片的url. <link rel=" icon " href="image/icon. ...

  9. 20 个用于处理页面滚动效果的 jQuery 插件

    对设计和开发一个网站来说,web开发者不能低估了网站滚动效果的重要性.如今,设计者们都视为一大挑战了,在网站中设计出吸引眼球的高效视觉滚动效果.幸运的是有各种各样的jquery 滚动插件可供他们使用, ...

随机推荐

  1. MySQL加锁处理分析（转）

    add by zhj: 非常棒的一篇文章,是我见过的讲加锁最棒最详细的文章了.之前听过网易的<MySQL微专业>,里面的课程讲的也很好,但锁这块讲的跟 这篇文章相比,还是有差距的.网易&l ...

  2. linux 替换 sed命令 转载

    转载自这里,感谢原作者 sed 's/test/mytest/g' example.txt 表示将example.txt中的test文本全部替换为mytest 请注意这个命令sed 's/test/m ...

  3. （4.7）mysql备份还原——深入解析二进制日志（3）binlog的三种日志记录模式详解

    关键词:binlog模式,binlog,二进制日志,binlog日志 目录概述 0.binlog概述 查看binlog日志参数设置: show variables like '%log_bin%'; ...

  4. discuz优化10个小技巧

    Discuz论坛是国内使用最多的论坛系统,现在最新版为X 3.4,X3.4 从 2018 年 1 月 1 日起只在官方 Git 发布,地址:https://gitee.com/ComsenzDiscu ...

  5. SQL 2016 AlwaysOn 无域AlwaysOn配置要点

    环境准备: (1)操作系统:Windows Server 2016 Datacenter (2)SQL Server 2016 配置SQL  2016 AlwaysOn 要点 1,因为没有域所以需要在 ...

  6. Python3学习之路~4.2 迭代器

    可以直接作用于for循环的数据类型有以下几种: 一类是集合数据类型,如list.tuple.dict.set.str等: 一类是generator,包括生成器和带yield的generator fun ...

  7. [js]js的表单验证

    http://uule.iteye.com/blog/2183622 表单验证类 <form class="form" method="post" id= ...

  8. Python处理Excel和PDF文档

    一.使用Python操作Excel Python来操作Excel文档以及如何利用Python语言的函数和表达式操纵Excel文档中的数据. 虽然微软公司本身提供了一些函数,我们可以使用这些函数操作Ex ...

  9. 【Java】-NO.16.EBook.4.Java.1.011-【疯狂Java讲义第3版 李刚】- AWT

    1.0.0 Summary Tittle:[Java]-NO.16.EBook.4.Java.1.011-[疯狂Java讲义第3版 李刚]-  AWT Style:EBook Series:Java ...

  10. React.createClass 、React.createElement、Component

    react里面有几个需要区别开的函数 React.createClass .React.createElement.Component 首选看一下在浏览器的下面写法: <div id=" ...