在 Visual Web Developer 中編輯 HTML 表格簡介
更新:2007 年 11 月
您可以在網頁中使用 HTML 表格定義頁面配置,並以表格欄的格式顯示內容。Visual Studio 可讓您在 [設計] 檢視中視覺化編輯 HTML 表格,或在 [原始碼] 檢視中當做標記處理。
在設計檢視中編輯表格
在 [設計] 檢視中,網頁設計工具提供了表格編輯器,可讓您視覺化編輯 HTML 表格。您可以從工具箱或使用提供設定表格和儲存格屬性選項的對話方塊,將表格加入至網頁。表格在設計工具中顯示的方式就和在瀏覽器中所顯示的一樣(根據預設,即使表格未設定為顯示框線,設計工具也會在表格周圍加入可見的框線,讓您更容易進行編輯)。
注意事項: |
---|
使用網頁設計工具中的所有項目時,表格編輯器會建立 XHTML 相容的標記。如需詳細資訊,請參閱 Visual Web Developer 中的 XHTML。 |
表格編輯器可讓您選取表格列、表格欄,或個別儲存格,並設定其屬性。您也可以使用編輯器調整表格欄、表格列,或儲存格的大小。
注意事項: |
---|
表格編輯器可讓您編輯 HTML 表格 (table 項目及其子項目),但不能編輯 ASP.NET Table 控制項 (asp:table 項目)。ASP.NET Table 控制項最經常用來以程式設計方式建立表格式顯示,因此通常不是用在網頁中的配置。 |
表格配置範本
由於 HTML 表格經常用來定義網頁中項目的配置,表格編輯器便提供了一組預先定義的配置範本。建立表格時,便會有選項讓您選取通用配置,包括下列定義的表格:
一個儲存格為標題,另一個儲存格則為主要內容。
一個儲存格為主要內容,另一個儲存格則為副內容。
一個儲存格為標題、一個為副內容、一個為頁尾儲存格,以及一個主內容儲存格。
注意事項: |
---|
依據預先定義的範本先建立表格時,該表格中並不包含內容,因此呈現的方式可能和您預期的有所不同。加入內容以測試表格配置。 |
使用配置範本建立表格之後,可以自訂範本以符合您的特定配置需求。
在原始碼檢視中編輯表格
您可以在 [原始碼] 檢視中,以編輯任何 HTML 項目的方式編輯 HTML 表格。例如,編輯器會對表格項目提供 IntelliSense 和驗證,就和對其他項目所提供的一樣。在 [原始碼] 檢視中使用表格時,下列編輯器功能將會特別有用:
HTML 編輯器標記導覽,將顯示目前選取的項目,以及在網頁標記階層架構中的位置。如需詳細資訊,請參閱 Visual Web Developer 中的 HTML 編輯器標記巡覽。
標記 (Tag) 大綱,可讓您摺疊標記 (Markup) 區塊,例如整個表格。如需詳細資訊,請參閱 HOW TO:摺疊和展開 Visual Web Developer 中的 HTML 項目。
請參閱
工作
HOW TO:在 Visual Web Developer 中加入或移除 HTML 表格項目