晋江文学城
下一章 上一章  目录  设置

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是不生效的。

  • 作者有话要说:  仅是浮动文字而已
    以及,其实如果不想链接,就想要浮动文字说明也很简单。
    文字就可以了。其实

    也可以,不过不推荐。
    示例:纳兰澈雪的来由
    效果:纳兰澈雪的来由
    ★如果是图片的话不用title,直接用alt这个参数就可以了
    代码:
    示例:
    效果:

    详见:《晓暮云岚》第三章《音魂》 仔细看,那里的④,描一描~

    关于锚记的使用:
    §锚记篇§ 可以链接指定到任意地方。

  • 昵称:
  • 评分: 2分|鲜花一捧 1分|一朵小花 0分|交流灌水 0分|别字捉虫 -1分|一块小砖 -2分|砖头一堆
  • 内容:
  •             注:1.评论时输入br/即可换行分段。
  •                 2.发布负分评论消耗的月石并不会给作者。
  •             查看评论规则>>