介绍在 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 编辑器标记导航。
标记大纲显示,它允许您折叠标记块,如整个表。有关详细信息,请参见如何:在 Visual Web Developer 中折叠和展开 HTML 元素。
请参见
任务
如何:在 Visual Web Developer 中添加和移除 HTML 表元素