HTML教程《文字图片的链接必须学》(欢迎转载)

HTML教程

 

 

        文字图片的链接必须学

               

 制作/瘦身老大

 

         朋友们,我学习做博客的体会是,其它的可以少学或可以不学,但文字、图片的链接必须学。学会了,你就可以把你博客中的所有内容链接在一个页面中,也可以把各大网站上的内容链接在一个页面中。这样就使你的博客的内容相当丰富,看起来一目了然,而且,使用起来特别方便,一点就出来了。不信,你试试看啰!点击欣赏更多空间制作教程

 

        下面我就把做文字图片链接的方法介绍如下,供朋友们参考

        文字链接

        ----通过文字链接到其它网页

        一、首先,大家要明确,文字图片的链接是用代码链接的。这个代码公式是:<a href="相关地址" target="_blank">相关文字</a>   在日志的HTML代码编辑窗口编辑

                 二、注意:千万不要用这个代码:<a href="连接地址">相关文字</a>,用这个代码链接的话,在打开你链接的页面窗口时,你自己的博客窗口就不见了,要回到你自己博客窗口就不行了,只有重新登陆进入,那多麻烦,这个代码不科学,不可用,必须用前面介绍的那个。

       三、代码公式中的"相关地址"填什么,就是填你要链接的那篇文章的网页页面网址或者图片的网页页面网址,这个地址在哪里找,一个网页顶上面不是有一个地址吗?就是那个地址栏中的网址。你只要把它复制下来,然后粘贴在"相关地址"处就行了注意,"相关地址"处的引号不能去掉,只能用那个网址替代“相关地址”这4个字。

       四、公式代码中的“相关文字”填什么,填你链接的那篇文章的题目或者你

链接的那张图片的名称啰!也就是用文章题目或图片名称来替代“相关文字”这4个字。OK!就是这样。

       五、在什么地方编辑?是在日志的HTML代码编辑窗口编辑,在日志的HTML代码编辑窗口进行编辑请参看:★怎样使用代码边框

 

更多精彩内容请您點擊光臨我空间★

 

文字的连接

 

在写日记的窗口编辑

[url=连接地址=2052]这里写字[/url]

 在日志的HTML代码编辑窗口编辑

<a href="连接地址" target="_blank">这里写字</a>

 

文字图片的链接

 在日志的HTML代码编辑窗口编辑

一、图片链接代码(1):

<A href="链接地址" target=_blank><IMG title="" height=400  title src="图片地址" border=0></A></FONT>

二、图片链接代码(2):

<A href="连接地址" target=_blank><IMG title=点击图片即可进入瘦身老大博客空间 height=400 alt src=图片地址 width=300></A>  

  

 

效果图片展示

点击图片进入

 

效果图代码

</P><A href="http://laoda5.qzone.qq.com/" target=_blank><IMG title=点击图片进入瘦身老大博客空间 height=300 alt="" src="http://b30.photo.store.qq.com/http_imgload.cgi?/rurl4_b=8f06d2d8f8adcb661e84e41fb6326bdb38d9a1c3f7ade8db0763a8a4ac314277dc2c13e767f56fdfcd5968e1f66c7f9a2d6701e936822736b987cb515d49e2f387114137fb82cf150a749013fa2d2065d4089f1e&amp;a=30&amp;b=30" width=600></A> </FONT></FONT></FONT>

 

        说明:1、红色处是链接的网址(可变);

               2、绿色处是图片地址(可变);

               3、黄色文字可换成你想用的文字 。

 

文章评论