如何編排你的圖片
相信大家常常在編輯最新消息時，圖片總是不乖乖聽話，今天要來分享兩種常見的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做討論
歡迎奈思創藝網頁設計的部落格 , 這裡有許多我們長年累積的網頁設計相關經驗文章分享 , 以及隨時更新發佈網路產業相關訊息！
Design view
-
2024年 奈思員工旅遊通知
May 23, 2024
-
奈思創藝~ 祝大家新的一年, 心想龍事成，全家龍平安!
Jan 30, 2024
-
SEO戰略全解析：白帽、灰帽與黑帽方法的比較與應用
Nov 27, 2023
-
奈思創藝~ 祝大家中秋佳節快樂!!!
Sep 28, 2023
-
Google Ads 廣告將不再支援目前用在一個或多個「轉換」上的計算方式
Sep 18, 2023
-
三個免費影片素材網站 - 提供上千部高CP質影片- 激推!!
2017-05-15
- (初學) 網頁設計之HTML語法教學 - 基本介紹 2010-06-05
- [網頁設計教學] 網頁健康新概念 Part 1：Layered Semantic Markup ( LSM ) 2011-01-28
- 配色高手！6條網頁設計配色原則 2014-08-15
- 對比色該怎麼配 2014-09-15
Total traffic 2,403,032