一、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. Feature如何解决参数数量不匹配

    问题描述: Feature 写了两个参数,匹配到Steps.Java,  文件只写了两个参数,但是两个参数都加了$ 符号. 而$ 又是结束的意思. 1一:Feature  用例

  2. 洛谷P4425 转盘 [HNOI/AHOI2018] 线段树+单调栈

    正解:线段树+单调栈 解题报告: 传送门! 1551又是一道灵巧连题意都麻油看懂的题,,,,所以先解释一下题意好了,,,, 给定一个n元环 可以从0时刻开始从任一位置出发 每次可以选择向前走一步或者在 ...

  3. node2vec应用记录

    1.已有写好的python代码,可以直接下载调用,GitHub链接https://github.com/aditya-grover/node2vec/blob/master/requirements. ...

  4. opencv图片拼接报错cv::Stitcher::ERR_NEED_MORE_IMGS (1)

    #include "opencv2/imgcodecs.hpp" #include "opencv2/highgui.hpp" #include "o ...

  5. Python3学习之路~2.8 文件操作实现简单的shell sed替换功能

    程序:实现简单的shell sed替换功能 #实现简单的shell sed替换功能,保存为file_sed.py #打开命令行输入python file_sed.py 我 Alex,回车后会把文件中的 ...

  6. 基于nodejs的 本地文件夹http服务器：http-server

    请记住,是文件夹服务器 $ npm install http-server -g $ cd /tmp && http-server 或: $ http-server /tmp

  7. 带上RESTful的金手铐，你累吗？

    1. 首先RESTful是一套规范,不是框架,它是来约束你的.也不关心生产效率的提高.就好像使用汇编开发应用,性能是快了,但是生产效率很低.RESTful它需要你在路由上定义很多规则来解释的URL,假 ...

  8. CentOS6.5安装RHBase

    1.安装依赖包 yum install automake libtool flex bison pkgconfig gcc-c++ boost-devel libevent-devel lib-dev ...

  9. windows安装 centos

    1. 使用最新版UltraISO将ISO镜像刻录到U盘 2. U盘启动电脑进入安装界面 正常情况下你应该会看到下面的这个界面: 选择第一项,然后按TAB键(在评论区有朋友踫到没有按TAB键的提示,经d ...

  10. python gui messagebox

    类似于win32的MessageBox框 //test.py from Tkinter import * from tkMessageBox import * root = Tk() li = ['C ...