博客素材 2008-10-22 07:46:04 閱讀85 評(píng)論0 字號(hào):大中小
引用
hdly006502 的怎樣做文字圖片的鏈接博友們,我學(xué)習(xí)做博客的體會(huì)是,其它的可以少學(xué)或可以不學(xué),但文字、圖片的鏈接必須學(xué)。學(xué)會(huì)了,你就可以把你博客中的所有內(nèi)容鏈接在一個(gè)頁(yè)面中,也可以把各大網(wǎng)站上的內(nèi)容鏈接在一個(gè)頁(yè)面中。這樣就使你的博客的內(nèi)容相當(dāng)豐富,看起來(lái)一目了然,而且,使用起來(lái)特別方便,一點(diǎn)就出來(lái)了。不信,你試試看啰!
下面我就把做文字圖片鏈接的方法介紹如下,供博友們參考。
文字鏈接
----通過(guò)文字鏈接到其它網(wǎng)頁(yè)
一、首先,大家要明確,文字圖片的鏈接是用代碼鏈接的。這個(gè)代碼公式是:
<ahref="相關(guān)地址" target="_blank">相關(guān)文字</a>
二、注意:千萬(wàn)不要用這個(gè)代碼:<a href="連接地址">相關(guān)文字</a>,用這個(gè)代碼鏈接的話,在打開(kāi)你鏈接的頁(yè)面窗口時(shí),你自己的博客窗口就不見(jiàn)了,要回到你自己博客窗口就不行了,只有重新登陸進(jìn)入,那多麻煩,這個(gè)代碼不科學(xué),不可用,必須用前面介紹的那個(gè)。
三、代碼公式中的"相關(guān)地址"填什么,就是填你要鏈接的那篇文章的網(wǎng)頁(yè)頁(yè)面網(wǎng)址或者圖片的網(wǎng)頁(yè)頁(yè)面網(wǎng)址,這個(gè)地址在哪里找,一個(gè)網(wǎng)頁(yè)頂上面不是有一個(gè)地址欄嗎?就是那個(gè)地址欄中的網(wǎng)址。你只要把它復(fù)制下來(lái),然后粘貼在"相關(guān)地址"處就行了。注意,"相關(guān)地址"處的引號(hào)不能去掉,只能用那個(gè)網(wǎng)址替代“相關(guān)地址”這4個(gè)字。
四、公式代碼中的“相關(guān)文字”填什么,填你鏈接的那篇文章的題目或者你鏈接的那張圖片的名稱啰!也就是用文章題目或圖片名稱來(lái)替代“相關(guān)文字”這4個(gè)字。OK!就是這樣。
五、在什么地方編輯?一是在日志的HTML代碼編輯窗口進(jìn)行編輯,二是在自定義模塊的HTML代碼編輯窗口進(jìn)行編輯。在日志的HTML代碼編輯窗口進(jìn)行編輯請(qǐng)參看:[ 如何制作瀏覽導(dǎo)航 ]
在自定義模塊的HTML代碼編輯窗口進(jìn)行編輯請(qǐng)參看: [ 代碼的粘貼法 ]
再看看圖片的鏈接:
----通過(guò)圖片鏈接到其它網(wǎng)頁(yè)
一、圖片鏈接代碼(1):
<A href="鏈接的網(wǎng)址"target=_blank><IMG src="圖片地址" border=0></A>
做法參考文字鏈接
二、圖片鏈接代碼(2):
<A href="http://hdly006502.blog.163.com/" target=_blank><IMG height=400 alt="點(diǎn)擊圖片即可進(jìn)入寒冬臘月的博客" src="http://image9.360doc.com/DownloadImg/2010/05/0321/3084321_2.jpg"width=300> </A>
說(shuō)明:1、紅色處是鏈接的網(wǎng)址(可變);2、藍(lán)色處是圖片地址(可變);3、文字可換成你想用的文字 。
看看效果:
說(shuō)明:只有當(dāng)鼠標(biāo)靜止在圖片上,時(shí),文字才會(huì)顯示.
文字圖片的鏈接方法
聯(lián)系客服