top
icon-mail-alt phone
X

如何編排你的圖片

分類 精選文章
發佈日期 2014 , 12 , 30
觀看人數 20664
回應 0

相信大家常常在編輯最新消息時,圖片總是不乖乖聽話,今天要來分享兩種常見的Html圖片編排

 

一.圖文並列

奈思網頁設計公司,致力於網頁設計、網路開店與Flash動畫製作、網路行銷規劃以及網站SEO關鍵字排名服務,建立使用者互動最佳的動態資料庫網站建置,我們認為再網頁設計中美化設計與設計使用者慣性的網站使用動線,是我們服務中的基本要求,我們更加要求我們必須對於客戶網站落成後的實際效果,做出我們應盡的心力。

<p><img src="http://nim.com.tw/upload/content/200903026e15e.jpg" align="left">奈思網頁設計公司,致力於網頁設計、網路開店與Flash動畫製作、網路行銷規劃以及網站SEO關鍵字排名服務,建立使用者互動最佳的動態資料庫網站建置,我們認為再網頁設計中美化設計與設計使用者慣性的網站使用動線,是我們服務中的基本要求,我們更加要求我們必須對於客戶網站落成後的實際效果,做出我們應盡的心力。</p>

在圖片<img>標籤內加入 align="left",圖片若是要放在右邊的話就是 align="right"

 

 

二.圖片並列

 

兩張圖片放在一起需要利用表格,先創建你要的表格規劃,在把圖片放進去

 

語法為

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody><tr>
<td> <img alt="" src="http://www.nim.com.tw/upload/file/141230140333d1578.png" /> </td>
<td> <img alt="" src="http://www.nim.com.tw/upload/file/1412301403492232a.png" /> </td>
</tr></tbody></table>
 
紅色字的是圖片檔案,貼上你的圖片檔案位置即可
現在我是兩張圖片放在一起,如果是需要3張4張就以此類推增加<td></td>
 
border為邊框,cellpadding為圖片和表格的間距,cellspacing是邊框的間距
 
 
以上為略談html圖片排列,如有不懂的地方都歡迎來Facebook做討論

加入「奈思創藝臉書」跟「奈思創藝G+」更多創意新聞!

分類 精選文章
發佈日期 2014 , 12 , 30
觀看人數 20664
回應 0

Leave a reply

名稱
Email
Post
0 Comments