浅谈HTML技巧(五)

    文章来源:中国互联 更新时间:2012-12-26 20:03:10
分享:

1.与其它站点交换连接需要什么?

当然,你首先要有一个个人站点,然后准备好两个站点LOGO。一般来说,400x40和88x31两种LOGO是必需的,其它也可以准备一个100x31的LOGO。400x40的LOGO用于象网盟这样的广告交换站点,88x31和100x31用于个人站点之间的交换。

2.如何让下拉式菜单中的链接来打开一个新的窗口?

先把下拉式菜单设置好,如:

<form method="POST"><select name="D1" size="1"><option value="http://www.163ns.com/cnshell/">中国互联</option><option value="http://www.163ns.com/">中国互联</option></select><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset"name="B2"></p></form>

然后把<select name="D1" size="1">改为

<select onChange="javascript:window.open(this.options[this.selectedIndex].value)">即可。

3.如何正确对齐文本? Top

有时,我们需要对一段文本的左右,上下的边距(指文本至浏览器的距离)加以指定以使文本正确对齐,CSS(层叠样式表)提供这样的功能:

在<head></head>中加入

<style>

<!--.tt { margin-left: 68px; margin-right: 70px; margin-top: 69px; margin-bottom: 71px }

-->

</style>

.tt为类名,以便你在HTML标签中应有。而在{ }中的属性及指分别为边距左,右,上,下的距离。当它们的边距都相等时比如都是60px,可以简写为:.tt { margin: 60px }.

当在文本中引用了该CSS,你会发现文本对的非常整齐。

4.如何正确使用图片格式?

目前在网络上的图片准标准格式为JPG和GIF。当图片颜色数很多时,就选择JPG,它的压缩比高,而GIF适合颜色数少的图片。

5.如何在网页上显示访问者系统信息?

把以下代码加入到<Body></Body>:

<script Language="JavaScript">document.write(navigator.appVersion)</script>

6.如何正确放置JavaScript?

JavaScript为动态主页的实现工具,一般来说JavaScript放置于<head></head>或者<body></body>之间。对于放置在<body></body>之间的JavaScript,你需要把它放置在适当位置。如果你用FrontPage98工具,先把光标移到想放置JavaScript的地方,然后选择Insert/Advanced/script,在打开的文本框中输入JavaScript,这样就放置好了。预览页面,JavaScript出现在你放置的地方。你也可以把JavaScript放置到表格中,这样可以精确定位。

7.个人站点需要那些交互功能?

交互是网络的魅力所在,作为个人站点也需要这些交互性的工具,以便和访问者随时进行沟通。以下是目前个人站点必备的交互工具:

留言板-让访问者给你的站点提提意见;

论坛-讨论某一个特定主题的地方,它和留言板的区别是留言板可以包含任何内容;

调查表单-利用个人站点,你可以对某一问题进行调查,然后看看各意见的支持率;

订阅表单-通过邮件给订阅者提供站点的更新信息;

聊天室-一个即时的对话场所,特别可以对一个特定主题组办一个网络讨论;

搜索引擎-当站点内容过多时,搜索引擎可以让访问者快速找到想看的内容;

8.如何缩进文本段落?

在<head></head>部分加入:

p { text-indent: 1% }

p 标签为HTML文本段落的标签,1%为缩进的范围

9.如何点击一个链接同时在两个frame 内变化?

对于一个由topFrame、leftFrame、mainFrame 构成的页面,如果想在leftFrame 中点击链接,同时在其他两个frame 内变化,代码如下:

<a href="x1.htm" onclick="parent.topFrame.location.href=''x2.htm''" target="mainframe">

10.前进、后退和刷新

<a href="javascript:history.back()">后退</a>

<a href="javascript:history.go()">前进</a>

<a href="javascript:location.reload()">刷新</a>

11.打印按钮

<form>

<input name="Print" onClick="window.print();return false" type="button" value="Print">

</form>

12.查看源码按钮

<input type=button name="view" value="查看源码" onClick=''window.location="view-source:"+window.location.href'' style="font-size:9pt">

13.如何去掉页面滚动条?

在body 中加入样式表控制,代码如下:

<body bgcolor="#000000" leftmargin="0" topmargin="0" style="overflow-x: hidden; overflow-y: hidden; width: 100%">

14.如何在Dreamweaver 插入空格?

在FrontPage 中,插入空格只需要在选定的文本前按下键盘空格键就可以了,但在Dreamweaver 中不行。空格的标签是 可以开启HTML Source 视窗直接加入标签,也可以在指定的文本前,按下Ctrl+Shift+Space。

15.如何在DW中设置Flash 动画的背景透明?

在SWF文件的属性面板中,点parameters,添加参数wmode,值选择transparent;

或者直接修改网页的代码,在标志SWF文件属性的代码中添加:

<param name="wmode" value="transparent">

16.如何正确使用分隔线?

这里我再假设你需要分隔页面左右两部分内容,先利用表格工具拖出三个横行表格,把内容分别放置到左右两个单元,然后把中间的单元的宽度设置为1个pixels(像素),并填入所需要的颜色。你还需要把所有表格及单元的大小单位都设置为pixels 即可。

17. 如何让浏览器正确显示word 文件格式?

为了正确处理word 等格式,你需要在HTML文件中设置好该文件类型,比如:

<meta http-equiv="Content-Type" content="application/msword">

还有其它经常设置的文件类型:

application/msword Microsoft Word Document

application/pdf PDF Document

application/wordperfect6.0 WordPerfect 6.0 Document

application/zip ZIP archive

audio/x-wav WAV audio format

audio/midi MIDI audio format

audio/x-pn-realaudio RealAudio

image/gif GIF image format

image/jpeg JPEG image format

image/png PNG image format

text/html HTML document

text/plain Plain text

video/mpeg MPEG video format

video/quicktime QuickTime video format

video/x-msvideo AVI video format

18.如何实现一个页面两种颜色链接变化?

在CSS中设置不同的CLASS类,如下例所示:

a.r:link{text-decoration:none;color:#000066}

a.r:visited{text-decoration:none;color:#333333}

a.r:hover{color:#0000ff;text-decoration:underline}

a.r1:link{text-decoration:none;color:#000066; font-weight:bold}

a.r1:visited{text-decoration:none;color:#000066; font-weight:bold}

a.r1:hover{color:#FF0000; font-weight:bold}

a.r2:link{text-decoration:none;color:#ffffff}

a.r2:visited{text-decoration:none;color:#ffffff}

a.r2:hover{color:#000000;}

19.DW中如何准确地定位层?

就目前来说,还没有好的方法实现非常精确地定位使得层在编辑中和浏览中的位置不变,即便是使用“标尺”和“网格”辅助定位,仍然会有差别,而且在IE和NC中显示的层的位置会有偏差,大约偏差3个象素。最好的方法是对照浏览器的显示来调整层的位置。

20.怎样把别人网页上的背景音乐保存下来?

A:浏览该网页后,在你的 WindowsTemporary Internet Files 文件夹下可以找到该背景音乐的缓存文件,拷贝出来即可使用。如果还是找不见该文件,可以打开网页的源文件,找到音乐文件的 URL 路径,用“蚂蚁”等 FTP 软件进行下载。

21.避免有人从你分帧的主页的帧中径直进入网站,而不是从 index.htm 中进入?

A:在帧中的网页的<head></head>之间加入以下脚本代码:

<Script language="JavaScript">

if (top==self)

self.location.href="index.htm";

</Script>

这样,当有人从帧中进入网站时,就会自动重定向到主页文件 index.htm。

22.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

23.如何使网页在不同分辩率下都全屏铺开?

用表格(不要使用层),做好内容后,将最外表格设置宽为100%,再适当调整。

24.如何定时关闭网页?

在head区加入

<SCRIPT LANGUAGE="javascript">

setTimeout('window.close();',2000);

</SCRIPT>

表示两秒后自动关闭窗口。

25.如何实现不提示,直接关闭窗口?

直接关闭,无任何提示

<a href="javascript:window.opener=null;window.close()">内容</a>

有提示框显示是否确认关闭

<a href="javascript:window.close();">关闭窗口</a>

文章来源:http://www.163ns.com,转载请注明!

在线咨询
  • 在线时间
  • 8:00-21:00
浅谈HTML技巧(五)-中国互联

浅谈HTML技巧(五)

    文章来源:中国互联 更新时间:2012-12-26 20:03:10
分享:

1.与其它站点交换连接需要什么?

当然,你首先要有一个个人站点,然后准备好两个站点LOGO。一般来说,400x40和88x31两种LOGO是必需的,其它也可以准备一个100x31的LOGO。400x40的LOGO用于象网盟这样的广告交换站点,88x31和100x31用于个人站点之间的交换。

2.如何让下拉式菜单中的链接来打开一个新的窗口?

先把下拉式菜单设置好,如:

<form method="POST"><select name="D1" size="1"><option value="http://www.163ns.com/cnshell/">中国互联</option><option value="http://www.163ns.com/">中国互联</option></select><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset"name="B2"></p></form>

然后把<select name="D1" size="1">改为

<select onChange="javascript:window.open(this.options[this.selectedIndex].value)">即可。

3.如何正确对齐文本? Top

有时,我们需要对一段文本的左右,上下的边距(指文本至浏览器的距离)加以指定以使文本正确对齐,CSS(层叠样式表)提供这样的功能:

在<head></head>中加入

<style>

<!--.tt { margin-left: 68px; margin-right: 70px; margin-top: 69px; margin-bottom: 71px }

-->

</style>

.tt为类名,以便你在HTML标签中应有。而在{ }中的属性及指分别为边距左,右,上,下的距离。当它们的边距都相等时比如都是60px,可以简写为:.tt { margin: 60px }.

当在文本中引用了该CSS,你会发现文本对的非常整齐。

4.如何正确使用图片格式?

目前在网络上的图片准标准格式为JPG和GIF。当图片颜色数很多时,就选择JPG,它的压缩比高,而GIF适合颜色数少的图片。

5.如何在网页上显示访问者系统信息?

把以下代码加入到<Body></Body>:

<script Language="JavaScript">document.write(navigator.appVersion)</script>

6.如何正确放置JavaScript?

JavaScript为动态主页的实现工具,一般来说JavaScript放置于<head></head>或者<body></body>之间。对于放置在<body></body>之间的JavaScript,你需要把它放置在适当位置。如果你用FrontPage98工具,先把光标移到想放置JavaScript的地方,然后选择Insert/Advanced/script,在打开的文本框中输入JavaScript,这样就放置好了。预览页面,JavaScript出现在你放置的地方。你也可以把JavaScript放置到表格中,这样可以精确定位。

7.个人站点需要那些交互功能?

交互是网络的魅力所在,作为个人站点也需要这些交互性的工具,以便和访问者随时进行沟通。以下是目前个人站点必备的交互工具:

留言板-让访问者给你的站点提提意见;

论坛-讨论某一个特定主题的地方,它和留言板的区别是留言板可以包含任何内容;

调查表单-利用个人站点,你可以对某一问题进行调查,然后看看各意见的支持率;

订阅表单-通过邮件给订阅者提供站点的更新信息;

聊天室-一个即时的对话场所,特别可以对一个特定主题组办一个网络讨论;

搜索引擎-当站点内容过多时,搜索引擎可以让访问者快速找到想看的内容;

8.如何缩进文本段落?

在<head></head>部分加入:

p { text-indent: 1% }

p 标签为HTML文本段落的标签,1%为缩进的范围

9.如何点击一个链接同时在两个frame 内变化?

对于一个由topFrame、leftFrame、mainFrame 构成的页面,如果想在leftFrame 中点击链接,同时在其他两个frame 内变化,代码如下:

<a href="x1.htm" onclick="parent.topFrame.location.href=''x2.htm''" target="mainframe">

10.前进、后退和刷新

<a href="javascript:history.back()">后退</a>

<a href="javascript:history.go()">前进</a>

<a href="javascript:location.reload()">刷新</a>

11.打印按钮

<form>

<input name="Print" onClick="window.print();return false" type="button" value="Print">

</form>

12.查看源码按钮

<input type=button name="view" value="查看源码" onClick=''window.location="view-source:"+window.location.href'' style="font-size:9pt">

13.如何去掉页面滚动条?

在body 中加入样式表控制,代码如下:

<body bgcolor="#000000" leftmargin="0" topmargin="0" style="overflow-x: hidden; overflow-y: hidden; width: 100%">

14.如何在Dreamweaver 插入空格?

在FrontPage 中,插入空格只需要在选定的文本前按下键盘空格键就可以了,但在Dreamweaver 中不行。空格的标签是 可以开启HTML Source 视窗直接加入标签,也可以在指定的文本前,按下Ctrl+Shift+Space。

15.如何在DW中设置Flash 动画的背景透明?

在SWF文件的属性面板中,点parameters,添加参数wmode,值选择transparent;

或者直接修改网页的代码,在标志SWF文件属性的代码中添加:

<param name="wmode" value="transparent">

16.如何正确使用分隔线?

这里我再假设你需要分隔页面左右两部分内容,先利用表格工具拖出三个横行表格,把内容分别放置到左右两个单元,然后把中间的单元的宽度设置为1个pixels(像素),并填入所需要的颜色。你还需要把所有表格及单元的大小单位都设置为pixels 即可。

17. 如何让浏览器正确显示word 文件格式?

为了正确处理word 等格式,你需要在HTML文件中设置好该文件类型,比如:

<meta http-equiv="Content-Type" content="application/msword">

还有其它经常设置的文件类型:

application/msword Microsoft Word Document

application/pdf PDF Document

application/wordperfect6.0 WordPerfect 6.0 Document

application/zip ZIP archive

audio/x-wav WAV audio format

audio/midi MIDI audio format

audio/x-pn-realaudio RealAudio

image/gif GIF image format

image/jpeg JPEG image format

image/png PNG image format

text/html HTML document

text/plain Plain text

video/mpeg MPEG video format

video/quicktime QuickTime video format

video/x-msvideo AVI video format

18.如何实现一个页面两种颜色链接变化?

在CSS中设置不同的CLASS类,如下例所示:

a.r:link{text-decoration:none;color:#000066}

a.r:visited{text-decoration:none;color:#333333}

a.r:hover{color:#0000ff;text-decoration:underline}

a.r1:link{text-decoration:none;color:#000066; font-weight:bold}

a.r1:visited{text-decoration:none;color:#000066; font-weight:bold}

a.r1:hover{color:#FF0000; font-weight:bold}

a.r2:link{text-decoration:none;color:#ffffff}

a.r2:visited{text-decoration:none;color:#ffffff}

a.r2:hover{color:#000000;}

19.DW中如何准确地定位层?

就目前来说,还没有好的方法实现非常精确地定位使得层在编辑中和浏览中的位置不变,即便是使用“标尺”和“网格”辅助定位,仍然会有差别,而且在IE和NC中显示的层的位置会有偏差,大约偏差3个象素。最好的方法是对照浏览器的显示来调整层的位置。

20.怎样把别人网页上的背景音乐保存下来?

A:浏览该网页后,在你的 WindowsTemporary Internet Files 文件夹下可以找到该背景音乐的缓存文件,拷贝出来即可使用。如果还是找不见该文件,可以打开网页的源文件,找到音乐文件的 URL 路径,用“蚂蚁”等 FTP 软件进行下载。

21.避免有人从你分帧的主页的帧中径直进入网站,而不是从 index.htm 中进入?

A:在帧中的网页的<head></head>之间加入以下脚本代码:

<Script language="JavaScript">

if (top==self)

self.location.href="index.htm";

</Script>

这样,当有人从帧中进入网站时,就会自动重定向到主页文件 index.htm。

22.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

23.如何使网页在不同分辩率下都全屏铺开?

用表格(不要使用层),做好内容后,将最外表格设置宽为100%,再适当调整。

24.如何定时关闭网页?

在head区加入

<SCRIPT LANGUAGE="javascript">

setTimeout('window.close();',2000);

</SCRIPT>

表示两秒后自动关闭窗口。

25.如何实现不提示,直接关闭窗口?

直接关闭,无任何提示

<a href="javascript:window.opener=null;window.close()">内容</a>

有提示框显示是否确认关闭

<a href="javascript:window.close();">关闭窗口</a>

文章来源:http://www.163ns.com,转载请注明!

在线咨询
  • 在线时间
  • 8:00-21:00