虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得
到更大控制权,下面介绍几个小技巧.
1.使用<tt>,<i>,<br>语句来控制文字排版比用<pre>好得多.
如: <tt>创思工作室<br><i>邱晓光</i><br></tt>
2.不要用800600的分辨率来制作网页,当浏览者用640480看网页时,不旦会使
速度减慢,还会使网页图像和文字出现错位.当然,也可以使用帧,水平控制,表格等标
识语句来取代己设定的象素,但就增加了工作量.
3.使用<br><p>只有一行,而使用<p><br>就会多了空白的一行.
4.使用16进制数来定义网页的颜色,而不要用red,black等语句,才能够充分利用
Web调色板的216种色彩(另外的40种,一般人难以分辨).
5.在<head>中加上<basetarget="_top">就可以使你的网页不至于在帧链接到他
处时缩小,或者用<a target="_new"href="http://..."></a>打开一个新窗口.
6.用<div>来按制就能够让许多浏览器都可以看到表格居中的效果,如果您用的
是Netscape 4.0也可以加入align=center来代替它.
7.HMTL中的四个特殊字符(<,>,&,")是不能直接写在文件中的,必须用后面的语
句来替换, <=< >=> &=& "="(英文字母一定要小写)
8.一些语义格式的字体效果
<cite>,标题的斜体字
<code>,显示源程序的宽体字
<em>,强调用的斜体字
<kbd>,要求键盘输入的宽体字
<samp>,状态表示的宽体字
<strong>,强调的粗体字
<var>,构造变量的斜体字
html特殊标记替换
" " 换成" "
"n" 换成 "<br>"
"<" 换成 "<"
">" 换成 "$rt;"
"&" 换成 "&"
如何使同一页中的超文本链接呈现不同的颜色
通常在网页的<body>中设置连接的颜色，如：
<body link="#FF00FF" vlink="#FF0000" alink="#008080">
其中：link – Hyperlink（连接）的颜色
vlink– visited Hyperlink（已访问过的连接）颜色
alink– active Hyperlink （当前活动的连接）颜色
颜色用rgb的16进制码表示如红色是#FF0000。
但你如果要在一个网页中的连接有不同的颜色，你就要在连接
中使用到style这个关键字，例如：
<p><a name="top">top</a></p>
<P><A HREF="#top" style="background-color: rgb(255,255,255);
color: rgb(129,0,0)">Maroon</A>
<P><A HREF="#top" style="background-color: rgb(255,255,255);
color: rgb(255,165,0)">Orange</A>
Maroon (Maroon的RGB是#800000)
Orange (Orange的RGB是#FFA500)
你可以根据RGB–>Hex的提示自己做一个转换.
浮动背景
不知你见过这样一些网页没有,当你拉动滚动条滚动时,网页背景
却不动,看起来好像网页上的文字和图片浮在背景上似的,有种特殊
的感觉,如果你没有见过,拉动本页的滚动条试试,看看是什么效果?
如果你喜欢,就把下面的语句加入你的网页吧!
<body background="背景文件名" bgproperties="fixed">
自动连接
有些站很有趣，它会在某一个时间内自动连结到其他首页，怎麽做到的呢？
在<title>######</title>之後加入下面这一行即可！
<meta http-equiv="refresh" content="20; url=otherpage.htm">
请填入您要连到的首页！
那个20代表二十秒後连到另一个首页！
解决网页中乱码、错位问题
很多的主页都要求浏览者选择解码方式，否则将会看到不正 确的格式，
如乱码、错位或不能正确地换行。解决的办法是设置 META语句，这样一
来不用选择解码方式，也能按照你自己的设置 来浏览你的主页，并且可
以自动换行。语句如下：
<HEAD>
<TITLE>解码方式</TITLE>
<META HTTP-EQUIV="Content-Language" CONTENT="zh-CN">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=gb2312">
</HEAD>
将解码方式设置为简体中文GB码。
在主页中加入背景音乐
基本语法：
<EMBED SRC="URL">
<NOEMBED>其它内容</NOEMBED>
</EMBED>
URL指向要播放的midi文件。
<NOEMBED>
请用netscape或MS ie浏览
</NOEMBED>
当用户的浏览器不支持插件时将看到上面的文字
通常可以忽略<NOEMBED>
常用属性：
HIDDEN="TRUE|FALSE" 显示开关 默认值FALSE
VOLUME="50" 音量大小 默认值50
AUTOSTART="TRUE|FALSE" 自动播放开关 默认值FALSE
LOOP="TRUE|FALSE" 循环播放开关 默认值FALSE
CONTROLS="SMALLCONSOLE" 小面板控制 默认值为普通大小
WIDTH="50" 显示面板宽度
HEIGHT="15" 显示面板高度
以上属性均以netscape为准，ie略有不同
建议：
音量控制不要选择过高，60即可。
可将音乐插件放入固定frame，这样在用户浏览时可持续播放。
最好不要设置为隐藏模式，以便于随时关闭背景音乐。
例1：<embed src="nelove.mid">
例2: <embed src="nelove.mid" volume="60" autostart="true"
controls="smallconsole" loop="true" width="50"
height="15"></embed>
网页中的button的快捷键
<INPUT TYPE=button VALUE="快捷键:ALT+1" onClick="alert(‘快捷键:ALT+1’)" accesskey=1>
在firefox中可能需要同时按 alt+shift+key
在IE中按 alt+key
文本框焦点
<input class=input type=text name="key" value="测试啊" onClick="this.value=’’" onFocus=this.select() onMouseOver=this.focus() >
onFocus=this.select() 当鼠标点击文本框时，文字全部被选中
onMouseOver=this.focus()
<body onload="myform.content.focus();">
<form name="myform" action="/send" method="post">
<div><textarea name="content" rows="6" cols="40"></textarea></div>
<div><input type="submit" value="Send Message" accesskey="s"></div>
</form>
<body onload="myform.content.focus();"> 网页每次都聚焦到content文本框
<body onclick="myform.content.focus();"> 则每次鼠标在任意位置点击后，聚焦到文本框