HTML小技巧的一些小技巧

小兮珊争

小兮珊争

2016-02-19 21:41

今天图老师小编要向大家分享个HTML小技巧的一些小技巧教程,过程简单易学,相信聪明的你一定能轻松get!

01.让背景图不滚动
IE浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动:
〈Body Background="图片文件" bgproperties="fixed"〉

02.让你的网页无法另存为
noscriptiframe src=*/iframe/noscript

03.让IFRAME框架内的文档的背景透明
iframe src="about:body style='background:transparent'" allowtransparency/iframe

04.禁止右键:
body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()"

05.进入页面后立即自动刷新?
meta http-equiv="refresh" content="120;url=http://www.XYZ.com/XYZ"
http://www.XYZ.com/XYZ,这是你自己的网址。

06.打开窗口即最大化
script language="JavaScript"
!-- Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End --
/script

07.能隐藏IFRAME的滚动条吗?我知道的三种方法:
1. 设置iframe scrolling="no"
2. 被包含页body应用overflow:hidden 即在被包含页中应用15.如何控制横向和纵向滚动条的显隐?
3. 被包含页的body标签加scroll="no"

08.加入背景音乐
bgsound src="mid/windblue[1].mid" loop="-1" 只适用于IE

embed src="music.mid" autostart="true" loop="true" hidden="true" 对Netscape ,IE 都适用

09.嵌入网页
iframe name="tt" src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"/iframe

10.跳转
meta http-equiv="refresh" content="3;URL=list.htm"

11.滚动
MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4/marquee

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

12.细线分隔线
hr noshade size=0 color=#C0C0C0

13.过度方式
meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)"
Duration的值为网页动态过渡的时间,单位为秒。
Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:
0 盒状收缩 1 盒状放射 2 圆形收缩 3 圆形放射 4 由下往上
5 由上往下 6 从左至右 7 从右至左 8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗 12 随意溶解 13从左右两端向中间展开
14 从中间向左右两端展开 15 从上下两端向中间展开
16 从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式


14.加入注释的格式是:    
〈!-[注释内容…]--〉

15.如何控制横向和纵向滚动条的显隐?
body style="overflow-y:hidden" 去掉x轴
body style="overflow-x:hidden" 去掉y轴
body scroll="no"不显。

16.定制浏览器地址栏前的小图标:
A:在网页的〈head〉〈/head〉间加入以下语句:
〈link rel="shortcuticon" href="http://…/icon.ico"〉
即可。其中 icon.ico 为 16x16 的图标文件,颜色不要超过 16 色。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

17.怎样在网页中加入 E-mail 链接并显示预定的主题?
〈A href="mailto:Name@Your.net?subject=主题"〉……〈/a〉

18.定义本网页关键字,可以在〈Head〉〈/Head〉中加入如下代码:  
〈meta name="Keywords" content="china,enterprise,business,net"〉   
Content 中所包含的就是关键字,你可以自行设置。   
这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:
〈meta name="Keywords" content="china,china,china,china"〉 这个关键字对于Google搜索无效。

19.添加到收藏夹:
〈a href="javascript :window.external.addFavorite('http://链接','说明');"〉添加到收藏夹〈/a〉

20.设为首页:
〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://链接');〉设为首页〈/a〉

21.把滚动条放在浏览器窗口的左边
A:在 body 中加 dir=RTL,即 body dir=RTL。

另附:IE5.0 的部分快捷键:
A:打开查找功能:Ctrl+F
关闭浏览器窗口:Ctrl+W
打开地址栏下拉列表框:F4
刷 新:F5
将当前Web页保存到收藏夹列表:Ctrl+D
打开当前 IE 窗口的一个拷贝:Ctrl+N
停止下载当前网页:Esc
光标迅速移动到网页的开头:Home
光标迅速移动到网页的尾部:End
打开新的地址键入窗口:Ctrl+O
打开收藏夹:Ctrl+I
打开历史记录文件夹:Ctrl+H
打开浏览器设定的默认主页:Alt+HOME

展开更多 50%)
分享

猜你喜欢

HTML小技巧的一些小技巧

Web开发
HTML小技巧的一些小技巧

插花的小技巧与一些小知识

插花 手工创意 手工艺术品 手工设计 手工饰品
插花的小技巧与一些小知识

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

防电脑辐射的一些小技巧

电脑 辐射 健康常识
防电脑辐射的一些小技巧

输入法的一些小技巧

windows 操作系统
输入法的一些小技巧

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

《幕府将军2》守城的一些小技巧

电脑网络
《幕府将军2》守城的一些小技巧

解决U盘打不开的一些小技巧

电脑入门
解决U盘打不开的一些小技巧

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

网页设计中HTML常会出现的五个错误

网页设计中HTML常会出现的五个错误

VC++ 6.0制作QQ连连看外挂

VC++ 6.0制作QQ连连看外挂
下拉加载更多内容 ↓