HTML 框架,标题栏小图标,锚点,插入音乐/视频,滚动效果

一,HTML框架   iframe

iframe 框架作用:

在网页中嵌入一个网页

用法:

(1)src="地址路径"    默认显示的嵌入网页

(2)width=""          嵌入网页的宽度

(3)height=""         嵌入网页的高度

(4)frameborder=""          边线粗细

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

(6)target="XXX"         name="XXX"           实现点击文字嵌入网页自动跳转

(7)将框架建立在表格中调整嵌入网页位置

二,标题栏小图标

在<head></head>中添加<link rel="SHORTCUT ICON" href="图片地址"/>

实现更改标题栏小图标

三,锚点     点击跳转当前页面位置

四,插入视频

在优酷视频中,找到分享,选择复制HTML代码,复制到vs中即可。

这是一段插入视频的HTML代码:

<embed src=‘http://player.youku.com/player.php/Type/Folder/Fid//Ob//sid/XMjYxNTAwMDUyNA==/v.swf‘ quality=‘high‘ width=‘480‘ height=‘400‘ align=‘middle‘ allowScriptAccess=‘always‘ allowFullScreen=‘true‘ mode=‘transparent‘ type=‘application/x-shockwave-flash‘></embed>

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

(2)width=""          视频宽度

(3)height=""         视频高度

五,插入音乐

<EMBED src="音乐路径"autostart="true" loop="true" hidden="true">

autostart=""  自动播放

loop=""           循环

hidden=""        隐藏对话框(选false的话会显示音乐对话框)

六,滚动效果

语法:<marquee>...</marquee>; 说明:在标记之间添加要进行滚动的内容。

重要属性:

1.滚动方向direction(包括4个值:up、 down、 left和 right)

  语法:<marquee direction="滚动方向">...</marquee>

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

  语法:<marquee behavior="滚动方式">...</marquee>

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

  语法:<marquee scrollamount="5">...</marquee>

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

  语法:<marquee scrolldelay="100">...</marquee>

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

  语法:<marquee loop="2">...</marquee>

6.滚动范围width、height

7.滚动背景颜色bgcolor

8.空白空间hspace、vspace

时间: 2024-07-28 20:56:48

HTML 框架,标题栏小图标,锚点,插入音乐/视频,滚动效果的相关文章

2017-3-23 网页中的表单 框架 标题栏小图标 描点 插入视频音频 简单的滚动条

(一)表单 1.<form action=""method="get/post"></form> 2.表单12个元素 文本类: <input type="text" value=""> - 文本框 <input type="password" value=""> - 密码框 <textarea></textarea>

使用&lt;link&gt; 标签定义浏览器标题栏小图标

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

HTML中视频、音频、图标、滚动条定位、文字滚动效果、iframe的应用

1.小图标(.ico) <link></link>必须写在<head></head>里面具体格式如下: <head><link rel="shortcut icon" href="/jb51.ico" type="image/x-icon"/></head>注意:红色部分为图片的相对路径2.插入音乐 <embed></embed>必须写在&

给网页标题插入小图标

给网页标题添加小图标 我们经常浏览网页的时候会发现有点网页标题旁边会有一个小图标 类似于这样的--- 其实实现起来很简单 如下代码 <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title> <!-- 设置网页小图标 --><link rel="icon" href=&quo

请用fontAwesome代替网页icon小图标

1. 引言 网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋.下面的小图标,你是不是会经常用到? 你可能说——“我们用的都是彩色的,不是黑白的”——别着急,下面会讲到.因为它们也可以变为彩色的. 黑白的也好,彩色的也罢,如果用传统的“css + 图片”的方式来制作这些icon,我估计你至少得雇佣一个专业的设计师吧.一般的程序猿,包括前端程序猿,估计只能去搜索了,不会自己拿ps画.例如,我之前经常去一个叫做“懒人图库”的网站去找资源,现在那个网站还存在. 但是问

小图标

1.Html5微信分享小图标 <div style="display:none"><img src="images/option1.jpg" /></div> 注意: 1.1 不能是单独的img标签,必须嵌套在某个元素中(div,p,span,a等等),然后设置外层的元素看不见 1.2 .图片的像素至少为300*300 2.标题栏设置小图标 <link rel="shortcut icon" href=&

网站小图标

访问网站的时候,可以在标题栏.搜索栏.收藏夹看到网站的小图标,它们其实就放在网站根目录下,名为:favicon.ico 如: http://www.cnblogs.com/favicon.ico 制作Favicon.ico的方法: 创建2个256色的小图片:像素大小为32×32(用于桌面图标)和16 ×16(用于浏览器),调色板要选用"Windows 默认调色板",不然,在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化. 使用: 图片制作好后,使用如Image2Ico之类的小程

title中添加小图标

<title>标签中不能添加图片,但是可以添加小图标. 步骤: 1.做一个16 X 16像素的ico格式的图标.具体操作方法是,先在Photoshop中做一个透明背景的16 X 16像素PNG格式的小图标,再在AWiconsPro软件中导入这个PNG图标,再另存为ICO格式.注意:文件名一定要保存为favicon.ico. 2.把favicon.ico图标文件上传到你的网站根目录即可.下次浏览这个网站时网页的标题栏就会显示这个小图标.注意:如果没有显示,可能是浏览器缓存问题,此时按Ctrl+F

03收银中遇到电脑小图标带红色小叉的处理

收银中遇到电脑小图标带红色小叉的处理 带有红色的叉及没有本地连接电脑小图标显示的情况: 硬件层面: 1.网线没有连接检查网线是否插在收银的网口上面 2.路由器设备没有接电源检查路由器的指示灯是否有亮着 3.水晶头没有插好把水晶头挤一下,插入面板或者交换设备 4.路由器.交换机坏掉打电话,找IT更换 5.外网光纤断了看光猫是否出现亮红灯及光纤是否有光通过,如果没有,出现这样的问题马上打10000电话,安排电信过来检查与抢修 6.有线网卡坏掉一般出现这样的概率非常非常的小,可以忽略不计 这就是关于硬