網路城邦
回本城市首頁 八樂屋
市長:balawu  副市長:
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市資訊科技網路分享【八樂屋】城市/討論區/
討論區教學區 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
用表格來貼出漂亮圖形
 瀏覽2,533|回應4推薦3

balawu
等級:7
留言加入好友
文章推薦人 (3)

咩咩布屋
不會游的魚
傑玉


回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2376911
 回應文章
馬到成功
推薦0


balawu
等級:7
留言加入好友

 
祝福您早日成功!
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2378170
    回應給: balawu(balawu) 推薦1


傑玉
等級:8
留言加入好友

 
文章推薦人 (1)

balawu

我練習好  獻寶時  會告訴你

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2377870
語法說明
推薦0


balawu
等級:7
留言加入好友

 

最近看到好幾位旅遊達人或相簿達人的作品中,常常有將四張照片合成一張的方式展示出來,效果非常不錯,引起我撰寫此語法的動機,大家如果覺得不錯用,請儘量拿去用

首先請先準備二張橫式照片以及二張直式照片,由於我預設合在一起之後的尺寸要在500(寬)x500(高)的範圍內,所以這四張照片的尺寸規格必需為:

  1. 橫式照片:300(寬)x200(高)
  2. 直式照片:200(寬)x300(高)

然後再請各位將這四張照片上傳至網路相簿中,並且找出這四張照片的網址

接著再將這四個網址放在本語法中(<IMG SRC=後面紅色的部份予以取代),放的順序是由左而右,由上而下:

  1. 左上角照片:橫式
  2. 右上角照片:直式
  3. 左下角照片:直式
  4. 右下角照片:橫式

另外有關框線的部份,有幾個補充說明:

  1. 如果不要任何框線:請將BORDER屬性設為即可
  2. 如果只要外圍框線但不要內部框線:請將BORDER屬性設大一點(預設是本例是,數字越大,框線越粗),rules屬性設為NONE即可
  3. 圖片與圖片之間的空白想留寬一點:請將cellspacing屬性設大一點(預設值是,本例是,數字越大,間隔空白越寬)
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2376979
語法
推薦0


balawu
等級:7
留言加入好友

 
<center><table border=0 cellspacing=0 cellpading=0 rules=NONE><tr align=center><td height=200 width=300 colspan=2><img src=https://city.udn.com/community/img/PSN_PHOTO/balawu/f_1022837_1.jpg></td><td width=200 rowspan=2><img src=https://city.udn.com/community/img/PSN_PHOTO/balawu/f_1022838_1.jpg></td></tr><tr align=center><td height=100 width=200 rowspan=2><img src=https://city.udn.com/community/img/PSN_PHOTO/balawu/f_1022840_1.jpg></td><td height=100 width=100></td></tr><tr align=center><td height=200 width=300 colspan=2 align=right><img src=https://city.udn.com/community/img/PSN_PHOTO/balawu/f_1022839_1.jpg></td></tr></table></center>
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2376924