图片与文字链接的经典代码

谁让我呵护

有朋友问我关于博文、图片链接问题，而我通过视频讲了很久也没让朋友明白，因为她是初学者。我想，一定有很多初学网站制作，刚开始学习博客的朋友都想知道如何链接的问题。所以干脆以我的制作为例，把链接代码整理出来，以供大家使用。

代码分为“图片链接”和“文字链接”两种：

 

一、图片超链接  

<A href="原文网址" target=_blank><IMG height=图片高度 alt="原文说明" src="图片地址" width=图片宽度 border=0></A>

注：鼠标滑动到图片显示“说明”，或“图片名称”，点击即打开网页。

如<A href="http://jlcd.6000y.com/data/93199/detail.php?thisid=146090" target=_blank><IMG height=138 alt=" 济三煤矿胶轮车队简介" src="http://jlcd.6000y.com/data/93199/images/1279440077.jpg" width=148 border=0></A>

二、把文本内容链接到另一页面

<><A href="需要连接的地址" target=_blank><FONT face=黑体 color=#ff0000 size=4>需要连接的名称</FONT></A>
如：
<><A href="http://jlcd.6000y.com/" target=_blank><FONT face=黑体 color=#ff0000 size=4>胶轮车队</FONT></A></P>

胶轮车队

重要说明：

    *代码组一的链接height=138和width=148是你图片的高度和宽度；

    *代码组二的color=#ff0000 是颜色，size=3是字体大小，face=黑体为您所用字体，以上你可以根据自己的需要来做调节。

 

—静然幻语—

老师，俺也没看懂！555

简单心缘

谢谢分享，辛苦

空鱼缸

光看不容易看懂，具体操作一下可能容易懂！

空鱼缸

谢谢老师！辛苦了。

小影的

好好学习，天天向上，辛苦老师

天使傲雪

谢谢老师的教程。

空谷一束幽兰

看见代码晕。。。。。。。。。。。。

阙歌

辛苦了，多谢！

蓝妮儿

实际操作下就会明白的，辛苦了，谢谢。