妙用IE学习HTML
数码时尚
学习HTML语言的一个很重要的方法,就是从研究他人的网页源代码开始。在IE中,我们可以通过“查看源文件”功能来浏览网页的源代码,但这个功能太简单了。何不使用Instant Source 2003呢?它不仅能帮助你学习HTML代码,还可以让你快速找到网页中精彩效果的源代码,并可将代码复制到你的网页中供自己使用。
安装好Instant Source 2003(下载地址:http://www.bla8ingtools.com/is.html)后,在IE图标工具栏会多出一个按钮,当我们需要查看网页的源代码时,只要按下这个按钮,IE窗口就会分为两个部分,上半部分是原始的网页,下半部分则是网页的源代码,就这么简单(图1)。
一、多种源代码显示方式
Instant Source 2003菜单栏中的“Display”(显示)提供了多种源代码显示方式。如使用鼠标,当鼠标移到某一个区域的时候,那个区域的源代码就会显示在下面的窗口中;还可以通过选择文本,显示当前网页的源代码。
比如我们看到很多网页上,有一些动态按钮效果做得很好,我们只要在“Display”菜单栏的下拉表中选择“Element Under Cursor”,然后将鼠标指向这个按钮,按钮的源代码就会显示在下面了。
二、快捷的保存、复制、查找功能
我们可以通过保存菜单将需要的源代码以“HTML”、“JS”、“VBS”、“CSS”的格式予以保存,然后复制到我们的网页当中。也可以使用复制菜单,将源代码放在剪贴板中,供我们使用。
如果我们需要从源代码中查找某个关键字,只要在查找菜单中输入所需要的关键字就可以了。
比如活动字幕的使用使得整个网页更有动感,显得很有生气。而使用HTML的“marquee”活动字幕标记所需的代码最少,能够以较少的下载时间换来较好的效果。当我们学习或者使用“marquee”活动字幕标记时,可以先看看别人是怎么做的。
如果想查找某个网页的活动字幕源代码时,只要将“Display”的状态设置为“Entire page”,然后选择“Find”菜单,在弹出的对话框中输入“marquee”(图2),很快网页的活动字幕的源代码就显示出来(图3)。我们可以将它复制到我们的网页代码窗口中,根据自己的需要进行修改,为自己的网页添加特殊效果。
我们还可以根据自己的爱好,改变代码文本的字体,字号和背景色 ,使得浏览代码更加方便。


