網路城邦
回本城市首頁 騎鱉饅頭
市長:騎鱉a饅頭  副市長:
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市不分類不分類【騎鱉饅頭】城市/討論區/
討論區 ★語法 好好玩★ 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
[語法教學] 3種 連結 法
 瀏覽2,069|回應1推薦2

騎鱉a饅頭
等級:7
留言加入好友
文章推薦人 (2)

騎鱉a饅頭
戀♥〃萱

這3種語法也就是稱之 連結網址 & LOGO 語法

饅頭以 豹貓城&自己的城 來做範例教學!

說明:
center=居中;left=靠左;right=靠右。 (預設值一般都是靠右...)
target="_blank"  開新視窗  如果不想開新視窗,把target="_blank"去掉即可。
border=框線大小。0=無框線  數字越大框線越大

 LOGO  語法(1) 

<a href="連結網址"target=_blank>

<img src="圖片網址"alt=""網名"border="0"></a>

無框線+開新視窗 範例:

 豹貓物語

饅頭的城堡 

                                 

 純 文 字 連結  語法 

<a href=連結網址 target="_blank">連結名稱</a>

範例:

豹貓物語

 色 碼 表 查 詢

圖片連結 語法去掉後面的貼圖語法【<img src="圖片網址...】

                              便是 純文字連結 語法 。

 LOGO 語法(2) 

<div align=center> <a title=連結  href="連結網址"target=_blank>

<img src="圖片網址"/><br>


圖片居中 範例:



此語法自然就會有加框線囉!



本文於 修改第 1 次
回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:https://city.udn.com/forum/trackback.jsp?no=58159&aid=2506345
 回應文章
『並排式』圖片連結 效果
推薦1


騎鱉a饅頭
等級:7
留言加入好友

 
文章推薦人 (1)

戀♥〃萱

在貓城裡有市民提出問題,饅頭也順便轉PO回來

並排式圖片連結

以下語法呈現都是使用新開視窗模式,如不要新開視窗將其target=_blank拿掉即可。

網名=圖片說明。將它改成要輸入的字,把滑鼠移到圖片上即可看到所輸入的字。

無框線 貓我家   (2個連結圖為例)

<a href="連結網址"target=_blank>
<img src="圖片網址"alt="網名"border="0">
<a href="圖片網址"target=_blank>
<img src="圖片網址"alt="網名"border="0">


 

有無框線   (2個連結圖為例)

<div align=center>
<a title=網名  href="連結網址"target=_blank><img src="圖片網址">
<a title=網名  href="連結網址"target=_blank><img src="圖片網址">

饅頭習慣先以文字文件編輯語法後,再複製貼上~結果發現:語法複製貼上後會有多出的格數!
所以放置語法後,先預覽看圖是否有成上下排列=>去除這些多於空格後,達到並排圖片連結的效果囉!!

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=58159&aid=2507822