 加上表格 |
| 剛開始投入開店的賣家也許因為經驗不足，商品敘述說明只用三言兩語帶過，隨著賣場蓬勃發展說明也要越來越專業，這時就要藉助表格來安置 您略顯複雜的賣場。表格可以很簡單也可以很複雜，我們先從簡易的開始。
基本的語法和屬性，雖說HiSHOP網路開店在上傳的頁面上提供了HTML設計模式，但是為了更遠大的目標著想，我們還是要會一些基本表格語法和它的屬性。
 表格的基本語法： |
| <TABLE></TABLE> |
產生表格 |
| <TABLE BORDER=X> |
定義框線X的表格 |
| <CAPTION> |
表格標題 |
| <TH> |
定義欄位標題 |
| <TR></TR> |
定義橫列 |
| <TD></TD> |
定義欄位中的資料 |
| 表格的基本屬性： |
| <WIDTH><HEIGHT> |
定義寬度,高度 |
| <ALIGN=LEFT,RIGHT,,,> |
水平定位,可用於資料或表格 |
| <VALIGN=TOP,BOTTOM,,> |
垂直定位,可用於資料或表格 |
| <BGCOLOR> |
定義表格的背景顏色 |
| <COLSPAN> |
水平欄位的合併 |
| <ROWSPAN> |
垂直欄位的合併 |
|
有沒有看的很模糊？這是一定的，對照上真實的表格再加上開店業績的誘惑一定就清晰多了。 下面列舉一個實用表格，如果大家真的還是很沒時間學HTML也可以直接複製回去用喔！！
|
商品資料 |
|
| 型號：1800500215 |
| 顏色：粉紅 |
| 尺寸：高24*寬21*厚8公分 |
| 材質：PVC |
| 商品簡介 |
◆簡約基本復古款型搭配搶眼LOGO。
◆內附手機置放袋、拉鍊暗袋等，正面有便利大口袋。
◆霧面皮質，觸感極佳，防水耐磨，男女都相當適合。
◆防變形線條設計，讓包包隨時都像裝著東西一樣的紮實好看。
◆可調整式鋼環背帶，斜背、側背都可輕鬆完美的搭配穿著。
◆耐刷洗、絕不退色，任何清潔液皆能使用。 |
上面是個簡單的賣場說明，我們來看看他用了哪些語法，為了方便閱讀HTML碼使用紅字，黑字部分為解說。
|
<table border="1" align="center" width="70%" height="119">
這是表格開頭 border的屬性，設為1代表框線寬度為1，寬度為頁面70%，高度119像素
<tr>
代表一列的開始
<td width="50%" height="16" bgcolor="#CCCCFF">商品資料</td>
一個欄位的開始與結束，寬度屬性為表格的50%，高度為16像素，表格顏色設為淺紫色
<td width="50%" rowspan="5" height="85">
另一個欄位的開始，這個欄位垂直整合五個列
<div align="center">
靠中間對齊
<img height="169" src="/UserFiles/Image/back2.gif" width="169" border="0">
這是一張圖片的位址，可以讓我們在網頁上呈現出美美的圖片
</td>
欄位的結尾
</tr>
行的結尾
</table>
表格的結束 |
就這樣一個個表格的堆疊延伸只是很簡單的語法就可以做到，在HTML模式裡，我們可以在原始碼模式裡任意複製欄位行列，只要你熟悉這些語法就可以無限的製作出漂亮的表格，以下是HTML設計模式畫面：
| |
|
一個網頁說明，如果只是文字敘述，就算你用盡了文字顏色、大小、粗細體，只會讓閱讀者更加眼花撩亂，不如一張美美的圖片可以讓買家更具體的體會商品魅力，圖片不僅僅秀出商品也可以用在賣場背景 、表格、小圖示的裝飾！
在HTML裡導入一張圖片的語法<img src="圖片的網址">常用的屬性有<width> <border><high>等等，當我們要在網頁上插入一張圖片時，務必要先將這張圖片上傳到網際網路上的一個空間，這個空間不管是付費或是你的ISP公司送你的都會有一個 目錄指向，比如說 <img height="169" src="/UserFiles/Image/back2.gif" width="169" border="0">就是圖片放在本端目錄下的連結，這長長的一串就是圖片的網址，只要在適當位置上插入這個語法並調整大小，一張圖片就產生囉！
| HTML設計模式插入圖片 作法 |
在HiSHOP裡有方便的介面讓您使用插入圖片的方法，只要按工具列上的插入圖片鈕就會出現上傳檔案的視窗，只要將檔案上傳到空間，就可以選擇圖片插入表格裡囉～
這樣插入圖片就完成了，如下圖所示
| 插入圖片的HTML語法(反白部分為基本語法) |
 |
關鍵字搜尋
依照分類瀏覽
列印本頁
郵寄本頁
發表您的意見