4、§链接篇§ ...
-
事实证明：图片中的alt优先于链接中的title。所以有alt的时候，title是不生效的。
代码：<a href=http://地址>内容</a>
示例：<a href=http://www.jjwxc.net/oneauthor.php?authorid=28701>听雨轩</a>
效果：听雨轩
小草明子问道：如何链接的时候是单独打开一个网页而不是在原有的基础上呢？
代码：<a href=地址 target=_blank>文字</a>
示例：<a href=http://www.mingxiaoxi.com target=_blank>明晓溪官网</a>
效果：明晓溪官网
为了不重复代码，以下我们都舍去target=_blank这一步。
事实上，target的参数还有self、parent等，不过咱们似乎用不到了吧。
有机会，我给大家介绍如何有框架来链接，还有锚记一步到位^_^ 详见§锚记篇§
特效字体链接
为了克服一旦加入链接，所有特效即刻失效的弊病，我们引入字体命令（详见§字体篇§）：
代码：<a href=http://地址><FONT face=字体 size=字号 color=颜色>内容</FONT></a>
示例：<a href=http://www.jjwxc.net/onebook.php?novelid=89612><FONT face=华文彩云 size=5 color=ff1493>暗夜罗篇《血色泪心》</FONT></a>
效果：暗夜罗篇《血色泪心》
现在我们仿真一下通常的链接样式：明晓溪官网 是不是很可爱？
代码：<a href=http://www.mingxiaoxi.com><font color=blue><u>明晓溪官网</u></font></a>
链接的浮动文字说明title
对着右边这几个字描一描，不要点喔。看到这个效果了吗？ →明晓溪官网
<a href=http://www.mingxiaoxi.com title=明晓溪官网>明晓溪官网</a>
代码：<a href=网址 title=浮动文字>内容</a>
这里的浮动文字，不能加任何修饰，加了也是没有效果的。
图片链接
代码：<a href=网页地址 target=_blank><IMG src=图片地址 style="border:2px"></a>
示例：<a href=http://www.jjwxc.net target=_blank><IMG src=http://static.jjwxc.net/images/channel_2010/logo.gif style="border:2px"></a>
效果：
无框图片链接border=0
图片周围有一圈很厚重的圈，因为默认图片链接有边界。只要加上border=0就可以了。
代码：<a href=网页地址><IMG src=图片地址 border=0></a>
示例：<a href=http://www.jjwxc.net/><IMG src=http://static.jjwxc.net/images/channel_2010/logo.gif border=0></a>
效果：
图片链接的浮动文字alt VS title
代码：<a href=地址 title=浮动文字说明><IMG src=图片></a>
示例：<a href=http://www.jjwxc.net/ title=晋江文学城><IMG src=http://static.jjwxc.net/images/channel_2010/logo.gif border=0></a>
上一章我们学到，图片是可以用alt来表示未现实的图片的内容的。
现在又学到title可以用在链接以及图片，那么，两者皆有时，到底谁更强悍呢？
<a href=http://www.jjwxc.net/ title=晋江原创网><IMG src=http://static.jjwxc.net/images/channel_2010/logo.gif border=0 alt=晋江文学城></a>
事实证明：图片中的alt优先于链接中的title。所以有alt的时候，title是不生效的。
作者有话说
第4章 §链接篇§
