当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页经典代码(三)

HTML/XHTML教程
HTML代码学习:DOCTYPE的缩写
DTD文档类型声明doctype
邮件HTML的一些经验总结
HTML5标准的前途
实现lightBox时的样式与行为分离减少JS
网页文字实现竖排的几种方法
HTML的dl、dt、dd标记制作表格对决Table制作表格
Web页面中使用自定义选择框Select
XHTML2死掉,XHTML1.x语法在HTML5中可以使用
HTML5与未来的网页设计(英文教程)
IETester兼容win7
HTML5学习资源整理
safari:webkit
iframe自适应大小
微软IE团队开始注重HTML 5规范
网页设计中的标点符号应用规范
优秀产品设计中的9点良好的用户体验设计
HTML 5解析规则
HTML减肥:精简HTML标记制作网页
HTML网页制作教程:谨慎使用iframe标记

HTML/XHTML教程 中的 网页经典代码(三)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 79 ::
收藏到网摘: n/a


13.内框架<IFRAME>使用

Iframe标记的使用格式是:   

<iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"
name="main"></iframe>
src:文件的路径,既可是HTML文件,也可以是文本、ASP等;   
width、height:"内部框架"区域的宽与高;   
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,
滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;
如为Yes,则显示;  FrameBorder:区域边框的宽度,为了让"内部框架"与邻近的内容相融合,常设置为0。
name:框架的名字,用来进行识别。
比如:  当你想用父框架控制内部框架时,可以使用: target="框架的名字"来控制。

例子:<iframe name="mm" src="http://www.e3i5.com";;; width="100%" height="100%" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>

14.自动跳转

在源代码中的<head>…</head>加入如下代码:
<meta http-equiv="refresh"content="3;URL=http://www.e3i5.com; charset=gb2312">

说明:content="3 表示3秒刷新到URL


15.如何改变链接的鼠标形状

只需在链接上加上这一代码就行的了
或者跟上面的用CSS写也行


style="cursor:hand"       style="cursor:crosshair"
style="cursor:text"       style="cursor:wait"
style="cursor:move"       style="cursor:help"
style="cursor:e-resize"     style="cursor:n-resize"
style="cursor:nw-resize"     style="cursor:w-resize"
style="cursor:s-resize"     style="cursor:se-resize"
style="cursor:sw-resize"


以上代码你只需要加到连接或是页面的STYLE区里就可以实现鼠标多样化。


16.全屏显示

<form>
<div align="center">
<input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'big', 'fullscreen=yes')">
</div>
</form>

把它放到<body>区中。