介绍在 Visual Web Developer 中编辑 HTML 表

更新:2007 年 11 月

在网页中可以使用 HTML 表来定义页面布局和以列格式显示内容。Visual Studio 允许您在“设计”视图中以可视方式编辑 HTML 表或在“源”视图中将它作为标记编辑。

在“设计”视图中编辑表

在“设计”视图中,网页设计器提供一个表编辑器,该编辑器允许您以可视方式编辑 HTML 表。您可以从工具箱向页面添加表,也可以使用特定的对话框向页面添加表,该对话框中有用来设置表和单元格属性的选项。表在设计器中的显示效果与将来在浏览器中的显示效果相同。(默认情况下,即使表没有设置为显示边框,设计器仍然会向表的四周添加可见边框,以方便您对其进行编辑。)

69b9kfet.alert_note(zh-cn,VS.90).gif说明:

与网页设计器中的所有元素一样,表编辑器将创建 XHTML 兼容的标记。有关更多信息,请参见 Visual Web Developer 中的 XHTML

通过表编辑器,您可以选择行、列或单个单元格并设置它们的属性。您还可以使用该编辑器调整列、行和单元格的大小。

69b9kfet.alert_note(zh-cn,VS.90).gif说明:

通过表编辑器,可以编辑 HTML 表(table 元素及其子元素),但不能编辑 ASP.NET Table 控件(asp:table 元素)。ASP.NET Table 控件主要以编程方式使用,用来创建表格显示,因此,它通常不用于页面中的布局。

表布局模板

由于 HTML 表经常用于定义页面中元素的布局,因此表编辑器提供了一组预定义的布局模板。在创建表时,可以选择使用普通布局,其中包括定义下列内容的表:

  • 一个单元格用于显示标头,另一个单元格用于显示主要内容。

  • 一个单元格用于显示主要内容,另一个单元格用于显示次要内容。

  • 一个单元格用于显示标头,一个单元格用于显示次要内容,一个单元格用于显示脚注,一个单元格用于显示主要内容。

69b9kfet.alert_note(zh-cn,VS.90).gif说明:

首次创建基于预定义模板的表时,由于该表中不包含任何内容,所以它的呈现效果可能与您预期的不同。通过添加内容测试您的表布局。

使用布局模板创建表后,您可以自定义该模板以满足特定的布局需要。

在“源”视图中编辑表

在“源”视图中,您可以像编辑任何其他 HTML 元素一样编辑 HTML 表。例如,编辑器像对其他元素一样,也为表元素提供 IntelliSense 和验证。当在“源”视图中处理表时,下列编辑器功能尤为有用:

请参见

任务

如何:在 Visual Web Developer 中添加和移除 HTML 表元素

如何:在 Visual Web Developer 中选择 HTML 表格元素和内容

如何:在 Visual Web Developer 中调整 HTML 表元素的大小