技巧

图片链接
<a href="你想要打开的另一个网页的地址"><img src="图片地址" border="0" width="宽度数字" height="高度数字">

文字链接
<A HREF=网站资源地址> 网址介绍 </A>

引用图片
<img src="图片的地址"; width="150" height="100">

分享到QQ空间微博代码
<b>分享到:</b><a href=" http://share.v.t.qq.com /index.php?c=share&a=index& url=http://填你的磨址&title=填提示语"><img src=" http://35230.wodemo.com /down/53947/腾讯微博.gif"/></a><a href=" http://sns.z.qq.com /share?url=http://填你的磨址&title=填提示语"> <img src=" http://35230.wodemo.com /down/53908/QQ空间.png"/></a>

链接修饰
<button><a href=" http://lvy.wodemo.com/entry/199748">∮文章尔雅</a></button>
文字居中
<div align=center>显示内容</div>

<script type="text/javascript" src="http://218.30.67.26/weather_high.asp?id=101300504" charset="gb2312"></script>

百度综合搜索
<form action="http://www.baidu.com/baidu" target="_blank"><input name=tn type=hidden value=baidu><a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" alt="Baidu" align="bottom" border="0"></a><input type=text name=word size=30><input type="submit" value="百度搜索"></td></tr></table></form>

通过百度实现站内搜索功能，只需要用您的网站地址替换代码中" www.baidu.com"即可。
HTML代码：<SCRIPT language=javascript>
function g(formname) {
var url = "http://www.baidu.com/baidu";
if (formname.s[1].checked) {
formname.ct.value = "2097152";
}
else {
formname.ct.value = "0";
}
formname.action = url;
return true;
}
</SCRIPT><form name="f1" onsubmit="return g(this)"><table bgcolor="#FFFFFF" style="font-size:9pt;"><tr height="60"><td valign="top"><img src="http://img.baidu.com/img/logo-137px.gif" border="0" alt="baidu"></td><td><input name=word size="30" maxlength="100"><input type="submit" value="百度搜索"><br><input name=tn type=hidden value="bds"><input name=cl type=hidden value="3"><input name=ct type=hidden><input name=si type=hidden value="www.baidu.com"><input name=s type=radio> 互联网<input name=s type=radio checked> www.baidu.com</td></tr></table></form>



location.href=document.getElementById('select').value+document.getElementsByName('content')[0].value ;


定义链接样式
　　CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。其中有几项是我们经常用到的，下面我们就详细介绍一下经常用于定义链接样式的四个伪类，它们分别是：
:link
:visited
:hover
:active
　　因为我们要定义链接样式，所以其中必不可少的就是超级链接中的锚标签--a，锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法，它们的写法如下：
a:link，定义正常链接的样式；
a:visited，定义已访问过链接的样式；
a:hover，定义鼠标悬浮在链接上时的样式；
a:active，定义鼠标点击链接时的样式。
示例：
复制代码代码如下:
a:link {
color:#FF0000;
text-decoration:underline;
}
a:visited {
color:#00FF00;
text-decoration:none;
}
a:hover {
color:#000000;
text-decoration:none;
}
a:active {
color:#FFFFFF;
text-decoration:none;
}
　　上面示例中定义的链接颜色是红色，访问过后的链接是绿色，鼠标悬浮在链接上时是黑色，点击时的颜色是白色。
如果正常链接和已访问过的链接样式相同，鼠标悬浮和点击时的样式相同，也可以将它们合并起来定义：
复制代码代码如下:
a:link,
a:visited {
color:#FF0000;
text-decoration:underline;
}
a:hover,
a:active {
color:#000000;
text-decoration:none;
}
链接定义的顺序
　　没有规矩不成方圆，虽然链接定义写好了，但它也是有规则的，如果这四项的书写顺序稍有差错，链接的效果可能就没有了，所以每次定义链接样式时务必确认定义的顺序，link--visited--hover-active，也就是我们常说到的LoVe HAte原则（大写字母就是它们的首字母）。
定义局部链接样式
　　在CSS中写上a:link{}这样的定义会使整个页面的链接样式改变，但有些局部链接需要特殊化，这个问题也不难解决，只要在链接样式定义的前面加上指定的id或class就可以了。
　　示例：
复制代码代码如下:
#sidebar a:link,
#sidebar a:visited {
color:#FF0000;
text-decoration:none;
}
#sidebar a:hover,
#sidebar a:active {
color:#000000;
text-decoration:underline;
}
　　调用方法：
<div id="sidebar"><a href=" http://www.jb51.net" target="_blank">链接到脚本之家<a></div>
　　class的定义方法和id相同，只要将#sidebar改为.sidebar就行了，还有一种方法是直接定义链接的样式，那样更直接，不过调用时比较麻烦，需要给每个特定的链接加上定义的代码。
　　示例：
复制代码代码如下:
　a.redlink a:link,
a.redlink a:visited {
color:#FF0000;
text-decoration:none;
}
a.redlink a:hover,
a.redlink a:active {
color:#000000;
text-decoration:underline;
background:#FFFFFF;
}
　　调用方法：
<div><a href=" http://www.jb51.net" target="_blank" class="redlink" >链接到脚本之家一<a></div>
　　链接的定义主要有三个属性，颜色（color）、文本修饰（text-decoration）和背景（background）
Tag： 字体颜色 超链接

【HTML】撰文去标题
<style type="text/css"><!--
.wo-entry-title {
display:none;
}
--></style>

【HTML】撰文去时间显示
<style type="text/css"><!--
.wo-entry-time {
display:none;
} --></style>