close
就不多說廢話啦~
就是連結教學嘛
基本的就是自己打上html語法囉~

最簡單的就是:

<a href="想連結的網址">顯示連結的文字</a>

例如:我的無名

只不過這樣子的話,當你按下連結的時候,
會直接在同一個視窗裡連結,
除非是在按連結的時候又多按了shift,
或是直接按右鍵選擇在新視窗開啟,
這樣新的網頁才會開在新的視窗裡
另外~如果是要自己打語法,必需在一般編輯器之下唷!
如果在進階編輯器之下,可以直接把字打好,之後將它反白,
然後選擇選單上的『插入/編輯超連結』就是一個像鎖鍊的圖片,
再把網址貼上去就可以了,連結也同樣是在同一個視窗開啟。




不過我個人是偏好把連結用一個新的視窗開啟啦
但是有時候會忘記按shift,有的網誌又把右鍵鎖住
所以呢....可以在語法裡再加個簡單的語法,這樣直接點選的時候,
它就會變成在新視窗開啟啦!

<a href="想連結的網址" target="_blank">顯示連結的文字</a>
只要在連結裡多了綠色的那行字,在點選的時候就直接會跳新視窗出來囉!
(記得在"和target中間要空個半型空格唷)

同樣的,如果是使用進階編輯器的人,可以在貼完網址之後,
按一下『原始碼』的地方,找到a href 的的語法,在後面加上綠色那行字就OK了

那如果想要使用圖片連結呢?
一樣很簡單,一般貼圖語法是
<img src="圖片網址">
只要在前後再加上連結的語法就OK啦~也就是:
<a href="連結的網址"><img src="圖片網址></a>
但是這樣貼完之後,有時候會發現圖片會有醜醜的外框,
(原本有貼範例的..不過這裡貼完文章裡不會有外框XD 所以就拿掉啦)

這時候,只要在貼圖的語法上再加行字,外框就會不見了
<a href="連結的網址"><img" src="圖片網址"" border=0></a>
用圖片連結出來的顯示
就變成下面這樣↓

感覺是不是清爽多了呢?

在多加綠色那行語法的時候也一樣,記得前面要先留個半型空格哦!
另外,如果想要在滑鼠停留在圖片連結的時候會跑說明出來
就在圖片的語法上再加個小語法就OK囉
像這樣:
<a href="連結的網址"><img src="圖片網址" border=0 alt="想要顯示的說明"></a>
這樣子就OK囉! 

↓滑鼠在圖片上停久一點就會出現說明了
水滴素材



P.S.
border和alt的語法,其實誰先誰後都沒有什麼差別啦
就看個人習慣囉~只是要接語法的中間,一定都要空個半型的空格就是了
arrow
arrow
    全站熱搜

    glorya 發表在 痞客邦 留言(7) 人氣()