用表格巧妙制作导航条按钮
看到上面的导航条了吗?你可以点击一下看看它的效果,请注意,这可是用表格做出来的,你相信吗?其实代码很简单,现在让我们来看看该怎么做。
1.首先创建一个1x6的表格,参数为:border=0 cellspacing=3 cellpadding=0;
2.在这个表格的每个单元格内分别插入一个表格,宽度和高度设为100%;
3.建立一个css样式.up和.down;代码如下:
<style>
.up{ border:4 outset royalblue;color:yellow;background:blue;cursor:hand } .down{ border:4 inset royalblue;color:#33ff33;background:blue;cursor:hand } </style> 若想在整页中去掉超链结的下划线, 其中link是超链接的颜色,visited是访问过的链接颜色,hover是鼠标移上去的颜色。把$ <
在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢?下面笔者介绍用iframe来实现的方法。
iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。其部分属性简介如下: name:内嵌帧名称 width:内嵌帧宽度(可用像素值或百分比) height:内嵌帧高度(可用像素值或百分比) frameborder:内嵌帧边框 marginwidth:帧内文本的左右页边距 marginheight:帧内文本的上下页边距 scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示) src:内嵌入文件的地址 style:内嵌文档的样式(如设置文档背景等) allowtransparency:是否允许透明 明白了以上属性后,我们可用以下代码实现,在main.htm 中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中: 〈iframe name="import_frame" width=100% height=80 src="samper.htm" frameborder=auto〉 〈/iframe〉 不错吧,马上“Ctrl+C”、“Ctrl+V”试试。 有时我们为强调页面的某项内容,想让它先于页面的其他内容显示。同样用iframe即可轻松实现: 先把要强调显示的内容另存为一个文件,如first.htm ,然后通过一个预载页index.htm,内容如下: 〈meta http-equiv="refresh" content="3,url=index2.htm"〉 〈body〉 页面加载中,请稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉 〈/body〉 主文件index2.htm 〈body〉 〈iframe src="first.htm" 加入其他属性限制〉〈/iframe〉 〈/body〉 first.htm的内容就会先于页面的其他内容出现在您的浏览器里了,是不是很简单?再“Ctrl+C”、“Ctrl+V”一次? <
初学者在使用表格时,可能会遇到各种问题,由于对标记还不是很熟悉,所以往往对这些问题感到莫名其妙,一筹莫展。有时侯甚至因为在这些问题上纠缠不清而最终心烦意乱丧失了继续学习的兴趣。所以在这里,我们列出了表格使用过程中最常见的问题来加以分析,希望能给大家带来帮助
C、表格单元格之间互相干扰引起的变形
<
随着Internet在中国的飞速发展和不断普及,越来越多的人将网络作为获取信息、学习知识的最佳工具。国内外的各种传统媒体也争先恐后地在网上推出电子版:如《电脑报》、《光明日报》、《中国青年报》等等。于是,在网上读书看报就成了网虫兼书虫们乐此不疲的开心事了。
开启七八个浏览器窗口虽然可同时看几个网站,但浏览器窗口越开越多,机器的资源就越发紧张。对于那些喜欢在上网的同时听听MP3音乐的人来说,常常就只能忍痛割爱了(内存不够!)。有没有什么好的解决办法呢? 最容易想到的办法就是使用HTML语言中的Frame框架。设计过主页的朋友都知道,使用Frame可以将页面划分成几个互不影响的框架,每个框架中可以加载一个页面。而且,不同框架中的页面之间可以没有任何关系。这样可以充分地利用页面空间,加大页面的信息量。但是,Frame有个缺陷:只能将浏览器的窗口进行划分,对于大于Frame大小的页面就只能加上滚动条来移动显示窗口,很不方便。虽然,利用Frame,将不同的报刊站点放在不同的Frame中显示,可以减少同时打开浏览器的数目,但是,狭小的阅读空间却让人无法忍受! 其实,HTML语言中还有一个与Frame有着亲缘关系的标签IFRAME,利用它可以让我们达到目的。IFRAME是Inline Frame的缩写,称为内联框架。使用IFRAME,网页的设计者可以在HTML页面的任何地方插入一个内联框架,而不必像使用Frame前需要在一个主页面里用FrameSet标签为每个Frame划分空间。与一般的Frame不同的是,每个IFRAME可以独立地定义其大小,而不是瓜分本来就不大的一个浏览器窗口!也就是说,一个IFRAME可以和浏览器窗口一样大,甚至更大!这样,显示空间的问题也解决了。 下面的一个HTML页面文件,就是用IFRAME设计的一个“网上阅览室”。在一个页面上,IFRAME实现了同时显示三个不同报刊站点的内容,而每个站点的显示空间都是一个整屏!向Frame说再见吧! 你可以改变IFRAME的SRC属性,让它指向你所喜欢的报刊站点,定制你自己的网上阅览室! 注:请使用IE浏览器(3.0以上),Netscape不支持该标签。 《html》 《head》 《title》网上阅览室《/title》 《/head》 《body》 《p align=″center″》《big》《font color=″#0000FF″ face=″楷体_GB2312″》《strong》《big》《big》我的网上阅览室《/big》《/big》《/strong》《/font》《/big》《/p》 《p align=″center″》《font color=″#FF0000″》光明日报《/font》《/p》 《IFRAME height=450 width=100% src=″http://www.gmd.com.cn/″》 《/IFRAME》 《p align=″center″》 《/p》 《p align=″center″》《font color=″#FF0000″》电脑报《/font》《/p》 《IFRAME height=450 width=100% src=″http://www.cpcw.com″》 《/IFRAME》 《p align=″center″》 《/p》 《p align=″center″》《font color=″#FF0000″》中国青年报《/font》《/p》 《IFRAME height=450 width=100% src=″http://www.cyd.com.cn″》 《/IFRAME》 《/body》 《/html》 (陕西 陈剑) SyntaxHighlighter.highlight(); 上一篇: 网页制作中META标签的作用不可忽视 下一篇: 用IFRAME实现网页的内嵌和预载
相关文章
|