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