HTML小技巧的一些小技巧

2016-02-19 21:41 7 1 收藏

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

【 tulaoshi.com - Web开发 】

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

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.加入注释的格式是:    
〈!-[注释内容…]--〉

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

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 色。

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搜索无效。

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

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

来源:http://www.tulaoshi.com/n/20160219/1626845.html

延伸阅读
互联网界一直在有提倡简约设计的声音,可简约设计有什么小技巧? 作者:龙泰 一个学日语的产品经理。爱猫,爱吐槽。现在在做智能手机的Rom。 谈简约设计的书籍有很多,互联网界也一直在有提倡简约设计的声音。有人说,看国内的各大门户的设计,通通都是文字和功能的粗暴堆砌,难道中国人真的不擅长设计简约吗? 产品长什么样是跟产品的受众有...
标签: 电脑入门
本人与朋友在日常工作中使用Word经常会遇到一些问题,尤其是表格方面。久病成医,时间长了,慢慢也积累了一些经验,特与诸位读者共享。 快速插入表格 单击工具栏上的插入表格图标,向右下方拖动鼠标,设定行列后松开,一个表格的框架即可完成。此法插入的表格最大为13行×8列。 隐藏表格线 选定整个或部分表格,单击右键,从下拉快捷...
虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧. 1.使用<tt,<i,<br语句来控制文字排版比用<pre好得多. 如: <tt实用网络<br<i曾伟滨</i<br</tt 2.不要用800*600的分辨率来制作网页,当浏览者用640*480看网页时,不旦会使速度减慢,还会使网页图...
标签: 手机游戏 IOS
《暴走武侠》攻略之非R玩家的一些小技巧 每一个游戏都会讨论非R玩家和R玩家,作为一个非R玩家,土豪的世界,咱们是不懂的。今天我们就为那些非R玩家说说要如何才能在《暴走武侠》的世界中玩的更好。 元宝的积累与使用: 新人一般不太会算元宝得获得和花销,这里总结个人经验,每天的目标人物一定要做,这是积累元宝的一大途径。 但...
标签: 电脑入门
在常规鼠标操作中,中键点击恐怕是使用率最低的一项,甚至很多朋友都没用过中键点击。其实,中键点击在上网的时候就有一定的用处,当网页需要拖动侧边滚动条或者用滚轮上下卷动的时候,点击一下中键,然后直接移动鼠标就可以达到卷动页面的目的。现在在Windows 7中,鼠标中键点击又多了一些小用途。 快速新开窗口 也许有时候你需要打开一个...

经验教程

235

收藏

63
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部