值得学习的html知识


前端

零度逍遥

2014-04-28 10:27:50

这里零度为大家推荐几个值得学习的html知识,很有用的哦!

一、打开窗口即最大化

<script language="javaScript"> 
<!-- Begin 
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End --> 
</script>

二、让背景图不滚动

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

三、禁止右键

<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()">

四、让你的网页无法另存为

<noscript><iframe src=*></iframe></noscript>

五、跳转

<meta http-equiv="refresh" content="3;URL=list.htm">

六、嵌入网页

<iframe name="tt" src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

七、让IFRAME框架内的文档的背景透明

<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe>

八、能隐藏IFRAME的滚动条吗?我知道的三种方法

1. 设置iframe scrolling="no"
2. 被包含页body应用overflow:hidden 即在被包含页中应用15.如何控制横向和纵向滚动条的显隐?
3. 被包含页的body标签加scroll="no"

九、加入背景音乐

<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE
<embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用

十、进入页面后立即自动刷新

<meta http-equiv="refresh" content="120;url=http://www.XYZ.com/XYZ">
http://www.XYZ.com/XYZ,这是你自己的网址。

十一、滚动

<MARQUEE direction=up height=146 onmouSEOut=start() onmouseover=stop() scrollAmount=4></marquee>

十二、插入分隔线

<hr noshade size=0 color=#C0C0C0>

十三、过渡方式

<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 随机产生一种过渡方式

十四、加入注释的格式是 

〈!-[注释内容…]--〉

十五、如何控制横向和纵向滚动条的显隐

<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显。

十六、定制浏览器地址栏前的小图标

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

十七、在网页中加入 E-mail 链接并显示预定的主题

〈a href="mailto:Name@Your.net?subject=主题"〉……〈/a〉

十八、定义本网页关键字

可以在〈Head〉〈/Head〉中加入如下代码:
〈meta name="KeyWords" content="china,enterprise,business,net"〉
Content 中所包含的就是关键字,你可以自行设置。    

这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如: 
〈meta name="Keywords" content="china,china,china,china"〉 这个关键字对于Google搜索无效。

十九、添加到收藏夹

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

二十、设为首页

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

二十一、把滚动条放在浏览器窗口的左边

在 <body> 中加 dir=RTL,即 <body dir=RTL>。