【2017-03-20】HTML框架,标题栏插入小图标,锚点,插入音频视频,滚动效果

一、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里面填 "#值"

【2017-03-20】HTML框架,标题栏插入小图标,锚点,插入音频视频,滚动效果

四、插入视频

在优酷等视频网站,找到分享位置,选择复制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            滚动背景颜色

上一篇:Java数据结构与算法(1) - ch02有序表(OrderedArray)


下一篇:HTML 常用小技巧 【标题图标】【锚点】【插入音乐,视频】【滚动效果】【嵌入网页】