OK之家

原创心得仅供交流欢迎交友

日志

关于我

dyzyb

本人是一个电脑网络爱好者,为了自娱自乐,也为了同有心人交流心得,特制作了这个博客,希望能抛砖引玉.更希望能得到大家的帮助,请常来看看,多多指教.

文章分类

[原创]友情链接的两种方法

2007-07-01 10:41:35| 分类：博客网页技巧 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

[原创]友情链接的两种方法

第一种方法: Word超链接

1.文字链接

在Word中输入需要显现的文字如花儿杂货铺购物更省钱,选定这几个字,右键出现下图(图1)

(图1)

点击超链接,出现插入超链接对话框,在地址处输入要链接的网址,点击确定,就完成了文字的超链接. (图2)

将鼠标对着已经建立了超链接的那几个字,就会出现按住CTRL并单击鼠标以跟踪链接,并能看到你链接的网址. (图3)

2.图片链接:

方法与文字链接相同,首先将图片粘贴到Word中,点击调整好图片大小,然后点击图片(不要象文字那样选定),右键点击超链接,其余的同文字链接一样.

下面是已经建立链接的文字和图片

花儿杂货铺购物更省钱

3.粘贴超链接:

方法很简单,与普通的Word粘贴相同.但要在网页处于编辑状态,所见即所得的模式下粘贴.

第二种方法: 代码链接

1、文字链接

（1）文字链接的基本代码：

<a href="http://shop33976411.taobao.com/">花儿杂货铺购物更省钱</a>

说明：蓝色是要链接的网址（这是我女儿的淘宝网店网址），红色是显现出来的文字，这两处可以修改，其他地方不能改动。

这样的代码链接出来的是网站默认的字体（各个网站不同），要想改变字体，就要用（2）；

（2）改变字体的文字链接代码：

<p align=center>

<a href="http://shop33976411.taobao.com/"><FONT size=6 color=#ff0000 face=华文新魏>花儿杂货铺购物更省钱</FONT></a></p>

说明：与第一个相比，前头多了：<p align=center>，其中的P是指段落，align=center是居中的意思（center是居中，Right是右对齐，Left或alternate是左对齐，不写为默认）；后面多了：<FONT size=6 color=#ff0000 face=华文新魏>，FONT是字体（指字体的总种内容），size=6指6号字，color=#ff0000指红色，可以直接用英文代替成color=RED，face=华文新魏指字体是华文新魏，可以改成face=华文行楷、或宋体等；结尾多了：</FONT></p>，代码的写法是，所有代码都要用<>括起来,凡是前面有什么，后面结尾就要有一个相应的</>如前面的<FONT>,后面就要有</FONT>.

第(2)的总体意思是:链接到http://shop33976411.taobao.com/（这是我女儿的淘宝网店网址）,网页显现的文字是花儿杂货铺购物更省钱,显现的文字是红色华文新魏6号字,位置是居中.

2、图片链接

<a href= http://shop33976411.taobao.com/<img src= http://img.blog.163.com/photo/DpWczSTYnpA0L2lo_9McVQ==/1411597008204092304.jpg target=_blank> border=0/></a>

说明:蓝色是链接的网址,红色是显现出来的图片网址(因粘贴的原因,下面的红色也变成蓝色的了).

图片网址查找方法:鼠标点一下某张图片(必须是网上的图片,电脑上保存的图片必须首先上传到网上),也就是选择了它,然后右键该图片,点击属性,出现下图(图4)

(图4)

地址后面就是这个图片的网址,复制下来就行了.

3、添加代码：

代码制作好后，添加到网站上，网页首先要处于编辑状态（有的网站叫管理状态，而且要是在代码状态，或叫源代码、HTML代码等），才能将代码粘贴上去。

评论这张

转发至微博

阅读(1008)| 评论(7)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_083074086081089069087084074065086083087075084082083',
              blogTitle:'[原创]友情链接的两种方法',
              blogAbstract:'    <P align=\"center\" \><B\><SPAN style=\"FONT-SIZE: 20pt; COLOR: blue; FONT-FAMILY: 楷体_GB2312;\"  \>[</SPAN\></B\><B\><SPAN style=\"FONT-SIZE: 20pt; COLOR: blue; FONT-FAMILY: 楷体_GB2312;\"  \>原创<SPAN\>]</SPAN\>友情链接的两种方法<SPAN\></SPAN\></SPAN\></B\></P\>  <P align=\"center\" \><B\><SPAN style=\"FONT-SIZE: 20pt; COLOR: blue; FONT-FAMILY: 楷体_GB2312;\"  \> </SPAN\></B\></P\>  <P\><B\><SPAN style=\"FONT-SIZE: 20pt; COLOR: blue; FONT-FAMILY: 楷体_GB2312;\"  \>第一种方法<SPAN\>:</SPAN\></SPAN\></B\><B\><SPAN style=\"COLOR: black; FONT-FAMILY: 楷体_GB2312;\"  \> </SPAN\></B\><B\><SPAN style=\"FONT-SIZE: 20pt; COLOR: blue; FONT-FAMILY: 楷体_GB2312;\"  \>Word</SPAN\></B\><B\><SPAN style=\"FONT-SIZE: 20pt; COLOR: blue; FONT-FAMILY: 楷体_GB2312;\"  \>超链接<SPAN\></SPAN\></SPAN\></B\></P\>  <P\><FONT size=\"4\" \><SPAN\><FONT color=\"#0000ff\" \><STRONG\>1.文字链接<SPAN\></SPAN\></STRONG\></FONT\></SPAN\></FONT\></P\>',
              blogTag:'',
              blogUrl:'blog/static/22568045200761104135612',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1317221071117,
              publishTime:1183257695612,
              permalink:'blog/static/22568045200761104135612',
              commentCount:7,
              mainCommentCount:7,
              recommendCount:1,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'本人是一个电脑网络爱好者,为了自娱自乐,也为了同有心人交流心得,特制作了这个博客,希望能抛砖引玉.更希望能得到大家的帮助,请常来看看,多多指教.',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/22568045200761104135612">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

OK之家

导航

日志

[原创]友情链接的两种方法

历史上的今天

最近读者

热度

评论

页脚