ASP.NET入门教程 3 .4.3 VWD的Source View[3]

将以橙色高亮显示出来（如图所示）无论何时只要在Design或Source View中选择了不同的元素这个工具条上显示的元素层次结构都将发生相应的改变

（）现在再次运行该页面并观察结果

操作回顾

在这个示例中进一步熟悉了页面设计的拖放方法同时熟悉了在Source View中手动编写页面的技术应该己经注意到VWD在不同的阶段有很多功能帮助开发人员创建页面

下面逐步解释在VWD中创建的代码页面的主要内容包含在一个<div>控件内其中是三个添加到该页面的控件

<div>

<asp:TextBox ID=TextBox runat=server></asp:TextBox><br />

<asp:Image ID=MyImage runat=server ImageUrl=~/azoreschurchjpg /><br />

<asp:HyperLink ID=HyperLink runat=server

NavigateUrl=wwwwroxunitednet>Visit Wrox United Online!</asp:HyperLink>

</div>

现在看一看呈现的代码──在浏览器中打开该页面时选择View→Source菜单查看<div>的内容是如何变化的

<div>

<input name=TextBox type=text id=TextBox><br />

<img id=MyImage src=azoreschurchjpg style=borderwidth:px; /><br />

<a id=HyperLink href=wwwwroxunitednet>Visit Wrox United Online!</a>

</div>

[] [] [] []