在頁面上新增表格

重要:  本文係由機器翻譯而成,請參閱免責聲明。本文的英文版本請見這裡,以供參考。

您可以在頁面上新增表格來安排頁面上的文字、圖像或物件。您可以在表格中顯示資料,例如,價目表、產品比較或字詞和定義清單等。您也可以藉此安置內容,例如顯示員工資歷、您的連絡資訊或營業時間。本文說明如何使用您網站上的表格編輯器,或 HTML 等其他方法來放置或安排頁面上的內容。

本文內容

插入表格

自訂表格

加入列和欄

合併儲存格

分割儲存格

調整表格大小

變更表格樣式

在表格加上文字或物件

刪除儲存格、列、欄或表格

建立自訂表格或使用 HTML 內容

插入表格

  1. 瀏覽到您要新增表格的頁面。

  2. 按一下 [頁面] 索引標籤。

  3. 按一下 [編輯] 按鈕 。

  4. 按一下您要加上表格的網頁。

  5. 按一下 [插入] 索引標籤。

  6. 按一下 [表格] 按鈕 。
    在 SharePoint Online 公用網站上插入表格

  7. 加上表格的方式有兩種:

    • 按一下箭號以展開表格格線,將滑鼠指標停留在表格格線上方,然後再按一下您要的表格儲存格數目。

    • 或者按一下 [插入表格] 按鈕、輸入您要的欄數或列數,然後再按一下 [確定]

  8. 現在表格已新增至頁面,您可以開始在表格中加入內容或進行自訂,這些工作稍後將提供說明。
    SharePoint Online 網站上的表格

頁面頂端

自訂表格

在頁面上插入表格之後,您就可以開始自訂。您可以加入和刪除列或欄、合併和分割列或欄、調整表格大小以及變更外觀等等。

加入列和欄

您可以在表格加上幾列和幾欄儲存格,以容納更多結構化的網頁內容。您可以將它們加到游標所在之儲存格的上下左右四方。不過只能一次加上整列或整欄,而不能個別加上儲存格。

  1. 編輯含有您表格的網頁。

  2. 將游標放在您要增加新列或新欄的表格儲存格上。

  3. 按一下 [表格版面配置] 索引標籤。

  4. 選擇下列其中一項:

    • [插入上方列],在所選的儲存格上方插入一列。

    • [插入下方列],在所選的儲存格下方插入一列。

    • [插入左方欄],在所選的儲存格左方插入一欄。

    • [插入右方欄],在所選的儲存格右方插入一欄。

提示:  如果不喜歡新儲存格的外觀,只要輸入 CTRL + Z 鍵,或按一下 [文字格式] 索引標籤並選擇 [復原] 即可復原該動作。

您所做的變更便會立即套用到表格中。如果儲存格內含有文字或圖像,它們會一起放在合併的新儲存格中。

頁面頂端

合併儲存格

合併儲存格,是指將兩個以上的儲存格組合起來,讓表格中的文字、圖像及其他物件有更多空間。您可以與上面一個或下面一個儲存格合併,也可以與左邊一個或右邊一個儲存格合併,但是您只能個別合併儲存格,而不能整列合併或整欄合併。

  1. 編輯含有您表格的頁面。

  2. 將游標放在您要合併的表格儲存格中。

  3. 按一下 [表格版面配置] 索引標籤。

  4. 按一下 [合併儲存格],然後選擇下列一項:

    • [向上合併],與上方的儲存格合併。

    • [向下合併] ,與下方的儲存格合併。

    • [向左合併],與左方的儲存格合併。

    • [向右合併],與右方的儲存格合併。

提示:  如果不喜歡合併後儲存格的外觀,只要輸入 CTRL + Z 鍵,或按一下 [文字格式] 索引標籤並選擇 [復原] 即可復原該動作。

您所做的變更便會立即套用到表格中。如果儲存格內含有文字或圖像,它們會一起放在合併的新儲存格中。

頁面頂端

分割儲存格

分割儲存格,是指將一個儲存格分割成兩個儲存格,以便在表格內容套用更多結構。您可以水平或垂直分割儲存格,但是您只能個別分割儲存格,而不能整列分割或整欄分割。

  1. 編輯含有您表格的網頁。

  2. 將游標放在您要合併的表格儲存格中。

  3. 按一下 [表格版面配置] 索引標籤。

  4. 按一下 [分割儲存格],然後選擇下列一項:

    • [水平分割],將儲存格分割成左右並排的兩個儲存格。

    • [垂直分割],將儲存格分割成上下堆疊的兩個儲存格。

提示:  如果不喜歡分割後儲存格的外觀,只要輸入 CTRL + Z 鍵,或按一下 [文字格式] 索引標籤並選擇 [復原] 即可復原該動作。

您所做的變更便會立即套用到表格中。如果儲存格內含有文字或圖像,它們會留在原來的儲存格,而不是移到新的儲存格。

頁面頂端

調整表格大小

您可以變更整個表格的大小,也可以個別變更表格列和欄的大小。調整表格大小之後,可以讓表格儲存格容納更多網頁內容,或是增加網頁其餘部分的空間來容納其他內容。您可以像素 (px) 或百分比 (%) 為單位指定表格或儲存格大小。一次只能重新調整整列、整欄或表格的大小,而不能重新調整個別儲存格的大小。

  1. 編輯含有您表格的頁面。

  2. 將游標放在您要調整大小的表格中。

  3. 按一下 [表格版面配置] 索引標籤。

  4. [表格寬度] 旁邊,輸入百分比或像素值。如果該值是 100% 或 700px,或者更大,就會佔用整個網頁內容區。

  5. [表格高度] 旁邊,輸入百分比或像素值。請記住,段落的數目也會決定表格的高度。

  6. [欄寬] 旁邊,輸入百分比或像素值。 如果該值是 100% 或 700px,或者更大,就會佔用整個網頁內容區。

  7. [欄高] 旁邊,輸入百分比或像素值。請記住,段落的數目也會決定儲存格表格的高度。

    提示:  如果不喜歡調整大小後的表格或儲存格,只要輸入 CTRL + Z 鍵,或按一下 [文字格式] 索引標籤並選擇 [復原] 即可復原該動作。

您所做的變更便會立即套用到表格中。如果儲存格內含有文字或圖像,它們會留在調整大小後的儲存格中。

頁面頂端

變更表格樣式

您可以變更表格樣式、設計頁首列或頁尾列,以及在表格的首末列或首末欄套用特殊格式,來自訂表格的外觀。

  1. 編輯含有您表格的頁面。

  2. 將游標放在您要自訂的表格中。

  3. 按一下 [設計] 索引標籤。

  4. 在 [表格樣式] 選項中,選擇下列其中一種表格樣式選項。(如果目前套用至表格的表格樣式是 [淺色] 或 [透明],您可能看不出格式設定有差異。)

    • [頁首列] 會在表格第一列套用特殊格式。

    • [頁尾列] 會在表格最後一列套用特殊格式。

    • [首欄] 會在表格第一欄套用特殊格式。

    • [末欄] 會在表格最後一欄套用特殊格式。

  5. 選擇表格樣式。每一種樣式都會變更框線色彩、儲存格色彩,以及頁首或頁尾的色彩 (如果您已在上面選了只變更標題和頁尾的選項,那麼有些樣式只會變更頁首和頁尾)。

    • [預設表格樣式 – 淺]:淺灰色細框線。

    • [表格樣式 1 - 透明]:看不到框線。

    • [表格樣式 2 - 淺色帶狀]:淺灰色水平線,每隔一列會加上灰色陰影。

    • [表格樣式 3 - 中等雙色調]:藍色頁首,每隔一列會加上淺藍色陰影。

    • [表格樣式 4 – 淺色線條]: 灰色頁首,淺藍色水平。

    • [表格樣式 5 – 格線]:灰色框線,每隔一列會加上灰色陰影。

    • [表格樣式 6 – 輔色 1]:藍色框線,藍色頁首。

    • [表格樣式 7 – 輔色 2]:淺色框線,淺藍色頁首。

    • [表格樣式 8 – 輔色 3]:綠色框線,綠色頁首。

    • [表格樣式 9 – 輔色 4]:橄欖色框線,橄欖色頁首。

    • [表格樣式 10 – 輔色 5]:紅色框線,紅色頁首。

    • [表格樣式 11 – 輔色 6]:紫色框線,紫色頁首。

  6. 按一下 [顯示格線],顯示或隱藏表格的格線。這只是一種視覺上的輔助,萬一您套用了透明表格樣式,或以其他方式隱藏了表格框線,但您仍需要看見表格才能操作,這時候視覺輔助就能派上用場。

您所做的變更便會立即套用到表格中。如果儲存格內含有文字或圖像,它們會留在原來的儲存格,再套用新的樣式。

頁面頂端

在表格加上文字或物件

表格自訂完畢之後,就可以開始在表格加上內容了,例如文字、圖形以及此處所提的其他物件。

  1. 編輯含有您表格的頁面。

  2. 將游標放在您要加上內容的表格儲存格內。

  3. 若要加上文字,只要在表格儲存格開始輸入文字或貼上文字即可。若要變更字樣或字型大小,請按一下 [文字格式] 索引標籤,然後從那裡選擇字型設定。

  4. 若要插入圖像、視訊或另一個物件,請按一下 [插入] 索引標籤,然後插入物件,就像在您的任何網頁上的做法一樣。(如果圖像或視訊大於表格儲存格,表格儲存格就會配合圖像或視訊,自動調整大小。)

若要移除文字、圖像或物件,請在儲存格中選取,然後按您鍵盤上的 Delete

頁面頂端

刪除儲存格、列、欄或表格

必要時,您也可以個別刪除儲存格、列、欄或整個表格。

  1. 編輯含有您表格的頁面。

  2. 將游標放在您要刪除的儲存格、列、欄或表格內。

  3. 按一下 [表格版面配置] 索引標籤。

  4. 按一下 [刪除],選擇下列其中一項:

  5. [刪除儲存格],個別刪除游標所在的儲存格。

  6. [刪除欄],刪除游標所在的欄。

  7. [刪除列],刪除游標所在的列。

  8. [刪除表格],刪除游標所在的整個表格。

  9. 繼續自訂網頁上的表格或內容。

頁面頂端

建立自訂表格或使用 HTML 內容

如果您要建立一個自訂表格,或者使用您自己的 HTML 程式碼在頁面上放置內容,可以在 Expression Web 或 Dreamweaver 等網頁編輯器中新增您的 HTML 程式碼。

  1. 編輯您要新增表格或 HTML 內容的頁面。

  2. 按一下 [文字格式] 索引標籤,然後按一下 [標記] 群組中的 [編輯來源]
    在 SharePoint Online 公用網站上編輯原始碼

  3. [HTML 原始碼] 視窗中,輸入或貼上您的自訂 HTML,或修改現有的原始碼內容,例如套用 DIV 標籤。(如果您要將表格從網站某部分複製到另一部分,也可以使用 [HTML 原始碼] 視窗,這比重建和自訂表格要快得多。)

  4. 按一下 [確定],然後儲存網頁。

提示:  若要進一步自訂頁面內容的版面配置和位置,建議您建立自訂的版面配置。

頁面頂端

附註: 機器翻譯免責聲明︰本文係以電腦系統翻譯而成,未經人為介入。Microsoft 提供此等機器翻譯旨在協助非英語系使用者輕鬆閱讀 Microsoft 產品、服務及技術相關內容。基於本文乃由機器翻譯而成,因此文中可能出現詞辭、語法、文法上之錯誤。

擴展您的技能
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與其中一位 Office 支援專員連絡以深入了解您的意見。

×